首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

新页面打开窗口好还是页面打开好?

,可以新建窗口中打开打开大文档时,往往需要较长时间来加载,新建窗口打开该链接,可以让用户切换回页面继续浏览,以等待文档加载完毕。...将选择权留给用户自己,培养用户习惯,这里有个很好的例子--豆瓣,豆瓣几乎所有的链接都是在当前窗口打开,只有“豆瓣FM”"九点"“阿尔法城”“豆瓣说”这几个独立性教高的页面新建窗口打开。...这实际上也引出了新建窗口打开链接的第5种情况: 5 当网站上页面的独立性较大时,可以选择新建窗口打开; 这实际上把网站当成该页面的入口,可用于辅助推广新产品,引导用户讲新产品当成独立产品使用。...新窗口打开还是窗口打开是由网站本身决定的。 视频网站一定要从新窗口打开,用户看到一半,突然想看另一个视频,如果从窗口打开,之前就看的就被覆盖了。...2、如果是文章底部出现的上一篇下一篇,上一页下一页之类的,我觉得就应该使用窗口打开了。

2.6K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    你的 Link Button 能让用户选择新页面打开吗?

    而标签没href,只能在onclick事件中,用JS控制打开新页面。2. 用户怎么选择新页面打开?...一切导航功能,都应该给用户完整的『新窗口』打开能力。只要你的按钮会导致页面切换,就应该允许用户用1.2提到的任意方式,新页面打开。4....缺点很明显用户根本无法选择新页面or本页面打开,只能接受你的实现。用户根本不知道点击按钮后会发生什么。...某些逻辑,只希望本页面跳转时执行,不允许新页面打开时执行(因为JS只能执行本页面JS,如果在新页面打开,本页面应该保持不变,不能执行那段JS,例如React Router中的)。...这样用户可以主动选择新页面打开(例如通过右键菜单)。但是当用户直接点击a标签时,应该阻止页面重新渲染,要通过 event.preventDefault() 实现。

    6.9K171

    js控制浏览器新开窗打开页面

    2016-07-18 09:07:01 a标签有一个属性为target,将其值设置为“_blank“,即可新开一个窗口打开页面,那么通过js也可以控制打开新的窗口来开启页面。...我们都知道form表单提交可以刷新页面,同时如果给form表单设置一个target同样也可以达到a标签的效果 form.target="_blank"; form.action="aaa.aspx";...form.submit(); 如上代码,页面中设置一个隐藏的form表单,只不过里面不放置任何东西,提交表单几个跳转到一个新的页面,同时是用一个新的窗口打开。...都是使用js中的window.open有一个缺点就是容易被浏览器屏蔽。本文介绍了js打开新窗口的各种方法。...window.showModelessDialog('/red','','dialogWidth:800px;dialogHeight:300px')">open3 上面说的几种方式浏览器会拦截,下面来说一下如何避开浏览器拦截打开一个新页面的方式

    6.6K20

    新窗口中打开页面?小心有坑!

    打开页面地址是动态计算的?使用js进行window.open(url)搞定。 如果你人品比较好,你的页面可以顺利地运行到下线为止。...新窗口中打开页面的问题 用简单地方式(背景中提到的)新窗口中打开新页面会有一些问题。问题分为安全和性能两方面。...回到例子1,可以自己动手尝试,打开的那个页面中,打开console, 输入opener,可以看到这个对象,正是打开页面的父页面的窗口对象。...如果不看url根本区分不出来是钓鱼页面(父窗口刚打开的时候好好的,谁会关注到这个url居然悄悄地变了呢?) 3.2 性能问题 除了安全问题,例子2中还展示了简单地新窗口中打开页面的性能问题。...例子2中,新页面中有一个定时器,每隔一段时间就有一个持续的循环,这个循环阻塞新页面本身的js线程的同时,也阻塞了opener(也就是打开新页面的父窗口)里的js线程。

    4K10

    新窗口中打开页面?小心有坑!

    打开页面地址是动态计算的?使用js进行window.open(url)搞定。 如果你人品比较好,你的页面可以顺利地运行到下线为止。...新窗口中打开页面的问题 用简单地方式(背景中提到的)新窗口中打开新页面会有一些问题。问题分为安全和性能两方面。...回到例子1,可以自己动手尝试,打开的那个页面中,打开console, 输入opener,可以看到这个对象,正是打开页面的父页面的窗口对象。...如果不看url根本区分不出来是钓鱼页面(父窗口刚打开的时候好好的,谁会关注到这个url居然悄悄地变了呢?) 3.2 性能问题 除了安全问题,例子2中还展示了简单地新窗口中打开页面的性能问题。...例子2中,新页面中有一个定时器,每隔一段时间就有一个持续的循环,这个循环阻塞新页面本身的js线程的同时,也阻塞了opener(也就是打开新页面的父窗口)里的js线程。

    5.3K21

    利用预加载InstantClick.js提升页面打开速度

    类似的,我们可以鼠标滑到链接上到点击的时间间隙去加载这个页面,通常这个间隙有几百毫秒,利用InstantClick,我们可以充分利用这几百毫秒,让网站能够瞬间显示新页面,几乎没有延迟。.../instantclick.min.js"> InstantClick可能会导致出现白屏的情况,官方给出了例子,解决了和Google Adsense之间的冲突。...InstantClick工作原理 InstantClick使用pushState和Ajax(pjax)来实现,只替换和头部的,浏览器不必重新解析编译页面,这样页面跳转的过程中...,浏览器不会闪一下白屏,看上去页面瞬间就加载完成了。...InstantClick的进度条 默认情况下,InstantClick载入页面的时候,会在页面的顶部显示一个进度条,默认的颜色是#29d,你可以更改颜色: #instantclick-bar {

    3.7K00

    iOS 点击通知打开对应页面

    == "4"){ LoadData.isLaunchedByNotification = true; } } } 如上述代码所示didFinishLaunchingWithOptions...方法中进行判断是否通过点击通知进入app,设置全局变量,需要跳转的页面根据全局变量进行跳转 2) 应用在前台或后台 在所有可跳转的页面添加消息的观察者 override func viewWillAppear...self.performSegueWithIdentifier("songhuoSegue", sender: self); } didReceiveRemoteNotification方法中...中移除 否则每次接受到推送都会打开页面,当然也可以进行判断当前的页面打开就不再打开 当然也可以不用通知去打开页面 像之前那种定义全局变量进行判断也是可以的 App启动方法解析 - (...只应用程序启动时执行一次。application参数用来获取应用程序的状态、变量等,值得注意的是字典参数:(NSDictionary *)launchOptions,该参数存储程序启动的原因。

    2.6K20
    领券