首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

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

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

    2.6K10

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

    2016-07-18 09:07:01 a标签有一个属性为target,将其值设置为“_blank“,即可新开一个窗口打开页面,那么通过js也可以控制打开窗口来开启页面。...form.submit(); 如上代码,页面中设置一个隐藏form表单,只不过里面不放置任何东西,提交表单几个跳转到一个页面,同时是用一个窗口打开。...都是使用jswindow.open有一个缺点就是容易被浏览器屏蔽。本文介绍了js打开新窗口各种方法。...1.打开窗口全屏 blue function ow(owurl){ var tmp=window.open("about...,下面来说一下如何避开浏览器拦截打开一个新页面的方式 var newTab=window.open('about:blank'); newTab.location.href ="https://www.oecom.cn

    6.6K20

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

    打开页面地址是动态计算?使用js进行window.open(url)搞定。 如果你人品比较好,你页面可以顺利地运行到下线为止。...这个锅是一个叫opener全局对象锅。 回到例子1,可以自己动手尝试,打开那个页面中,打开console, 输入opener,可以看到这个对象,正是打开页面的父页面的窗口对象。...源页面中鬼畜随机数之所以会卡顿,也是受打开窗口中页面影响。...例子2中,新页面中有一个定时器,每隔一段时间就有一个持续循环,这个循环阻塞新页面本身js线程同时,也阻塞了opener(也就是打开页面的父窗口)里js线程。...解决方案 4.1 使用noopener属性 通过a标签上添加这个noopener属性,可以将打开窗口opner置为空。

    5.3K21

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

    打开页面地址是动态计算?使用js进行window.open(url)搞定。 如果你人品比较好,你页面可以顺利地运行到下线为止。...这个锅是一个叫opener全局对象锅。 回到例子1,可以自己动手尝试,打开那个页面中,打开console, 输入opener,可以看到这个对象,正是打开页面的父页面的窗口对象。...源页面中鬼畜随机数之所以会卡顿,也是受打开窗口中页面影响。...例子2中,新页面中有一个定时器,每隔一段时间就有一个持续循环,这个循环阻塞新页面本身js线程同时,也阻塞了opener(也就是打开页面的父窗口)里js线程。...解决方案 4.1 使用noopener属性 通过a标签上添加这个noopener属性,可以将打开窗口opner置为空。

    4K10

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

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

    3.7K00

    js判断页面是否是通过浏览器后退按钮返回打开

    这样子就产生了一个问题,点击身份时候会生成token,但是页面是允许返回所以url地址栏中历史token还在,所以就会基于这个token触发请求导致接口报了Token验证失败错误,一番搜索之后终于找到了解决办法...是W3C性能小组引入API,目前IE9以上浏览器都支持。...(用户通过刷新,包括JS调用刷新接口等方式访问页面) 2 : TYPE_BACK_FORWARD Navigation where the history handling behavior is set...在这些情况下,该type 属性应返回适当值,例如 TYPE_RELOAD重新加载当前页面或 TYPE_NAVIGATE导航到URL) redirectCount This attribute must...所以我们只要判断type属性为2时就可以知道页面是通过返回按钮打开了,然后开头问题就可以据此加判断来解决token异常了。 ?

    16.9K20

    js控制台打印html页面,vue 使用print-js 打印html页面

    Print.js 官网 官网 优点:可以打印多种格式内容(pdf、json、html等) 打印json时可以添加表头。...打印html页时可以继承原有页面的样式,局部打印,过滤掉要打印元素,及其方便。...一、vue安装命令: npm install print-js –save 二、引入 这个引入不需要在main.js中,直接在使用.vue中引入即可 这里颜色虽然是灰色,但是也要添加,否则会报错。...scanStyles:设置为false时,库将不处理应用于正在打印html样式。使用css参数时很有用。 targetStyles: [’*’],这样设置继承了页面要打印元素原有的css属性。...style:传入自定义样式字符串,使用在要打印html页面 也就是纸上样子。 ignoreElements:传入要打印div中子元素id,使其不打印。

    8.6K30

    Layui-admin-iframe通过页面链接直接在iframe内打开一个页面,实现单页面的效果

    今天有一个这样需求就是通过获取超链接中传递过来跳转地址和对应tabstitle名称参数,layui-admin-iframe中自动打开一个tabs页面,不需要点击左边菜单栏,实现一个单页面的效果...transferUrl=/Home/Index&openTabsName=首页 其中transferUrl:为需要打开页面地址 openTabsName:为tabs标题名称 layui预先加载...,获取超链接中传递过来跳转页面地址和tabs title名称iframe中打开: //layui预先加载 layui.use('index', function(){ var transferUrl...(transferUrl,openTabsName); }) Js获取超链接里面传递参数值: 如获取超链接[https://xxxx.xxx.com?...) { var query = window.location.search.substring(1); console.log(decodeURIComponent(query));//js解码(超链接中中文获取时可能存在编码情况

    4.2K10

    小程序又曝入口!打开微信聊天页面就能看到

    关注「知晓程序」微信公众号,微信后台回复「能力」,获取小程序能力全解读。 现在,随意进入一个聊天,点击聊天界面右上角按钮,进入聊天详情界面,就可以找到「聊天小程序」入口。...点击后,你就能看见与「群小程序」功能如出一辙界面:你与好友、群成员聊天里收到、发出小程序卡片,都会列在这个列表里出现。 ? 需要注意是,「聊天小程序」功能正在灰度测试中。...未来,小程序还有什么能力呢? 上个礼拜,知晓程序(微信号 zxcx0101)受邀参加了「微信公开课小程序专场上海站」,微信官方现场分享了小程序未来更新路线,以及小程序即将推出能力。...这其中,就有「突破 5 层页面栈限制」、「突破 2 MB 包大小」等重磅爆料。 知晓程序还专门梳理了一份「即将发布能力」文档,点击这里就可以查看。 这些能力,你最期待哪一个?...你还希望小程序有什么能力?欢迎留言区告诉我们。

    77800
    领券