设为首页 收藏本站
查看: 971|回复: 0

[经验分享] 设置window.open()在选项卡中打开页面

[复制链接]

尚未签到

发表于 2019-1-27 13:41:08 | 显示全部楼层 |阅读模式
  问题:window.open()打开的页面总是在新的窗口中打开,需要改成在新选项卡中打开。理想的效果如下:

  解决办法:
  首先看一下浏览器对打开页面的设置,用IE浏览器随便打开一个网页,找到Internet选项,打开Internet选项如下图所示:

  点击并打开选项卡,如下图所示:

  一般选择“由Internet Explorer决定如何打开弹出窗口”,这个选项浏览器会根据写的代码设置自行打开网页,如果设置成“始终在新窗口中打开弹出窗口”,那么所有的弹出框都会在新的页面中打开,效果如下:
点击【页面1】上的超链接,所有的页面都会在新的窗口中打开,选择“始终在新选项卡中打开弹出窗口”则所有的页面不会在新窗口中打开。

  如果浏览器设置没有问题,则需要对window.open()进行参数设置,window.open()的用法:
  oNewWindow = window.open( sURL , sName , sFeatures, bReplace) ;
  * oNewWindow:被打开的窗口的对象
  * sUrl:被打开窗口的url
  * sName:在哪个窗口打开新的url链接,例如可以为_blank(新窗口)、_top(最外层窗口)等等
* sFeatures:对窗口的一些控制属性
o fullscreen:是否为全屏模式(相当于F11的效果),可取值:yes/1、no/0 o directories:是否带有目录按钮(例如收藏夹中的’链接’目录),可取值同上 o location:是否带有地址栏,可取值同上 o channelmode:是否为影院模式,可取值同上 o menubar:是否带有菜单条,可取值同上
o resizable:是否可以改变窗口的尺寸,可取值同上 o scrollbars:是否带有滚动条,可取值同上 o status:是否带有状态栏,可取值同上 o titlebar:是否带有标题栏,可取值同上 o toolbar:是否带有快捷工具栏,可取值同上 o height:窗口高度 o width:窗口宽度
o top:距屏幕上边缘的距离 o left:距屏幕左边缘的距离
  * bReplace:如果在同一窗口打开新窗口,该值用于指定是否在history中替换原窗口的url链接,可取  
值:true/false
  window.open()默认情况下是在选项卡中打开。关于sName的属性值效果,参照如下代码:
  



无标题文档

   
function aa (){
  //在新选项卡中打开
  window.open("testTableBoar.html","_blank");
}
function bb (){
  //覆盖当前页
  window.open("testTableBoar.html","_parent");
}
function cc (){
  //覆盖当前页
  window.open("testTableBoar.html","_self");
}
function dd (){
  window.open("testTableBoar.html","_top");
}

function ee (){
  //覆盖当前页
  window.open("testTableBoar.html","");
}


  








  





运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-668287-1-1.html 上篇帖子: MyEclipse10 的open in explorer无反应或者出错的解决办法 下篇帖子: extman登陆报错Can't open /tmp/extman/, No such file or directory
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表