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

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

从用户的角度上看,当前页面不再有自己感兴趣的内容时,就希望新链接在当前页面打开,离开当前网站;而对于网站来说,是希望用户多停留在自家网站页面。如何平衡好这两者之间的矛盾呢?...以下几种情况应当让链接在新建窗口中打开: 1 当链接是外链时,必须在新建窗口中打开; 2 页面之间频繁切换,在这种情况下,不适宜在当前窗口打开新链接; 3 向一个大文档(PDF、Word文档、图片等)时...,可以在新建窗口中打开; 打开大文档时,往往需要较长时间来加载,新建窗口打开该链接,可以让用户切换回原页面继续浏览,以等待文档加载完毕。...将选择权留给用户自己,培养用户习惯,这里有个很好的例子--豆瓣,豆瓣几乎所有的链接都是在当前窗口打开,只有“豆瓣FM”"九点"“阿尔法城”“豆瓣说”这几个独立性教高的页面在新建窗口打开。...这实际上也引出了在新建窗口打开链接的第5种情况: 5 当网站上页面的独立性较大时,可以选择新建窗口打开; 这实际上把原网站当成该页面的入口,可用于辅助推广新产品,引导用户讲新产品当成独立产品使用。

2.6K10

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

新窗口中打开页面的问题 用简单地方式(背景中提到的)在新窗口中打开新页面会有一些问题。问题分为安全和性能两方面。...机智的读者会发现上面的两个例子中分别复现了安全和性能问题(讲道理,第2个例子同时展现了安全和性能问题) 3.1 安全问题 使用a标签的target="_blank"属性,或者window.open(url)在新窗口中打开页面时...回到例子1,可以自己动手尝试,在新打开的那个页面中,打开console, 输入opener,可以看到这个对象,正是打开本页面的父页面的窗口对象。...如果不看url根本区分不出来是钓鱼页面(父窗口刚打开的时候好好的,谁会关注到这个url居然悄悄地变了呢?) 3.2 性能问题 除了安全问题,例子2中还展示了简单地在新窗口中打开页面的性能问题。...在例子2中,新页面中有一个定时器,每隔一段时间就有一个持续的循环,这个循环在阻塞新页面本身的js线程的同时,也阻塞了opener(也就是打开新页面的父窗口)里的js线程。

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

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

    新窗口中打开页面的问题 用简单地方式(背景中提到的)在新窗口中打开新页面会有一些问题。问题分为安全和性能两方面。...机智的读者会发现上面的两个例子中分别复现了安全和性能问题(讲道理,第2个例子同时展现了安全和性能问题) 3.1 安全问题 使用a标签的target="_blank"属性,或者window.open(url)在新窗口中打开页面时...回到例子1,可以自己动手尝试,在新打开的那个页面中,打开console, 输入opener,可以看到这个对象,正是打开本页面的父页面的窗口对象。...如果不看url根本区分不出来是钓鱼页面(父窗口刚打开的时候好好的,谁会关注到这个url居然悄悄地变了呢?) 3.2 性能问题 除了安全问题,例子2中还展示了简单地在新窗口中打开页面的性能问题。...在例子2中,新页面中有一个定时器,每隔一段时间就有一个持续的循环,这个循环在阻塞新页面本身的js线程的同时,也阻塞了opener(也就是打开新页面的父窗口)里的js线程。

    5.3K21

    layer执行父窗口ajax方法,layer 弹出层 回调函数调用 弹出层页面 函数

    1、项目中用到layer 弹出层,定义一个公用的窗口,问题来了窗口弹出来了,如何保存页面上的数据呢?疯狂百度之后,有了结果,赶紧记下。...2、自己定义的公共页面方法: layuiWindow: function (options) { var defaults = { title: ‘添加菜单’, width: ‘100px’,...} }); 4、子页面方法: //保存数据 function submitForm() { var parentId = $(“#parentId”).val(); var childrenNode...在子页面使用layer弹出层时只显示遮罩层,不显示弹出框问题 最近子页面使用layer弹出层时只显示遮罩层,不显示弹出框,这个问题搞了很久,最后才发现,在子页面上使用弹出框时,如果只使用layer.alert...()或者layer.open()时,会默认在当前页面弹 … OA项目之弹出层中再弹出层 弹出层中再弹出一层如图: 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/159849

    2.3K30

    在 Windows 11 上关闭弹出窗口最正确方法

    在您工作或尝试专注于某段内容时,弹出窗口和中断可能会很烦人。 虽然移动设备只有一个 DND 切换开关,但Windows呢?您可以在 Windows 11 上停止弹出窗口吗?...此外,没有一种可靠的方法可以通过单击摆脱所有弹出窗口。在 Windows 11 上,若要消除弹出窗口,需要针对特定类型的弹出窗口进行关闭。...然后向下滚动并找到“弹出窗口和重定向”并单击它。 打开“阻止(推荐)”的切换开关。 您将不会再收到任何烦人的弹出窗口。...另外,如果您希望关闭具有侵入性或误导性的广告,您可以回到“Cookie 和网站权限”页面,然后选择“广告”。 在这里,也可以切换“打开”“阻止显示侵入性或误导性广告的网站”选项。...除此之外,Microsoft Edge 还具有方便的“防止跟踪”功能,可最大限度地减少数据跟踪并阻止与此相关的弹出窗口。以下是您可以打开它的方法: 在“设置”菜单中,单击“隐私、搜索和服务”。

    1.2K10

    在应用退出时弹出确认提示框

    需求 在应用退出时(点击右上角的关闭按钮)弹出一个确认按钮可以说是一个最常见的操作了,例如记事本的“你是否保存”: ? 但这个功能在UWP上居然有点小复杂。这篇文章将解释如何实现这个功能。 2....这个事件会在用户点击窗体右上角的关闭按钮时触发,开发者可以在这个事件里处理保存数据、确认关闭等。最好在App.xaml.cs中的Window.Current.Activate();前后订阅这个事件。...,应用终于可以弹出确认提示框了。...我们知道UWP的应用生命周期中,在background 运行和suspended状态时应用基本处于暂停状态,也不会处理UI功能,这时候让它弹框?“除非你叫醒我,否则我罢工”。...所以在应用不可视的状态下关闭应用,例如最小化的情况下在任务栏点击关闭窗口,程序能怎么办? 弹框是不可能弹的,只能装死了。 所以这时候程序就完全没有反应。当应用重新回到前台运行,确认框才会弹出来。

    3.9K10

    使用 jQuery 在新窗口打开外部链接

    我们一般都希望在新窗口打开外部链接,这样用户就不需要离开网站就能访问外部链接,但是如果每个外部链接都手工加上新窗口打开的属性(target="_blank")的话,会让人非常抓狂。...使用 jQuery,我们只需要几行代码就能在新窗口中打开外部链接。 1....找到外部链接 首先我们需要找到所有的外部链接,在 $(document).ready() 函数添加如下代码: $("a[href*='http://']:not([href*='"+location.hostname...让外部链接在新窗口打开 如果你想外部链接在新窗口打开,继续增加如下一行代码: $("a[href*='http://']:not([href*='"+location.hostname+"']),[href...) .addClass("external") .attr("target","_blank"); 上面的代码给链接标签增加一个 target 属性,并且给他赋值为 _blank,这样外部链接就能在新窗口打开

    2.7K20

    qt tabwidget切换_标签怎么在新窗口打开

    为了防止这种情况可以在更改之前将窗口的QWidget.updateselebled属性设置为False,在更改完成时将属性设置为True,使部件再次接收绘制事件。...QTabWidget Qt中为多页面切换的实现提供了一个专门的类QTabWidget,它可以实现能够在同一个窗口中自由切换不同页面的内容,并且是一个容器类型的组件,提供友好的页面切换方式,在QTabWidget...对象每次只能加入一个QWiget对象),但是在实际的使用中每个页面会有多个的子组件,这时应该在工程中创建容器类型的组建对象,将多个子组件在容器对象中布局,最后将容器对象加入QTabWidget中生成新的页面.... 1.能够在同一窗口中自由切换不同页面的内容 2.是一个容器类型的组件,同时提供友好的页面切换方式 Qt–多页面切换组件 QTabWidget的使用方式 1.在应用程序中创建QTabWidget.../ MYEVENTFILTER_H 最后绑定到主函数main中,这样就可捕捉到所有的事件了: 1 qApp->installEventFilter(new myEventFilter()); 另外,需在标签页切换时更新宽度信息

    3.8K30

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

    通常,我们为了减少DNS的查询时间,我们可以使用dns prefetch为该页面中链接的做解析,提升页面的加载速度。...类似的,我们可以在鼠标滑到链接上到点击的时间间隙去加载这个页面,通常这个间隙有几百毫秒,利用InstantClick,我们可以充分利用这几百毫秒,让网站能够瞬间显示新页面,几乎没有延迟。...InstantClick工作原理 InstantClick使用pushState和Ajax(pjax)来实现,只替换和头部的,浏览器不必重新解析编译页面,这样在页面跳转的过程中...,浏览器不会闪一下白屏,看上去页面在瞬间就加载完成了。...InstantClick的进度条 默认情况下,InstantClick在载入页面的时候,会在页面的顶部显示一个进度条,默认的颜色是#29d,你可以更改颜色: #instantclick-bar {

    3.7K00
    领券