美文网首页
页面跳转、打开新窗口

页面跳转、打开新窗口

作者: 海子小夜曲 | 来源:发表于2019-01-03 19:30 被阅读0次

本窗口打开

<a href="http://www.baidu.com">百度</a>

window.location.href='http://www.baidu.com'

新窗口打开

<a href="http://www.baidu.com" target='_blank'>百度</a>

window.open('http://www.baidu.com')

 self.location='dollare.htm';

打开newwindow

function openWin() {

            var url = 'https://www.baidu.com';                            //转向网页的地址;

            var name = 'add';                            //网页名称,可为空;

            var iWidth = 900;                          //弹出窗口的宽度;

            var iHeight = 600;                        //弹出窗口的高度;

            //获得窗口的垂直位置

            var iTop = (window.screen.availHeight - 30 - iHeight) / 2;

            //获得窗口的水平位置

            var iLeft = (window.screen.availWidth - 10 - iWidth) / 2;

            window.open(url, '_blank', 'width=' + iWidth + ',innerWidth=' + iWidth + ',left=' + iLeft + ',status=no,toolbar=no,menubar=no,location=no,resizable=yes,scrollbars=0,titlebar=no');

            // window.open("AddScfj.aspx", "newWindows", 'height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no');

        }

工具条,无菜单条,无滚动条,不可调整大小,无地址栏,无状态栏。请对照。 

  上例中涉及的为常用的几个参数,除此以外还有很多其他参数,请见四。 

四、各项参数 

  其中yes/no也可使用1/0;pixel value为具体的数值,单位象素。 

参数 | 取值范围 | 说明  

alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后  

alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上  

depended | yes/no | 是否和父窗口同时关闭  

directories | yes/no | Nav2和3的目录栏是否可见  

height | pixel value | 窗口高度  

hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键  

innerHeight | pixel value | 窗口中文档的像素高度  

innerWidth | pixel value | 窗口中文档的像素宽度  

location | yes/no | 位置栏是否可见  

menubar | yes/no | 菜单栏是否可见  

outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度  

outerWidth | pixel value | 设定窗口(包括装饰边框)的像素宽度  

resizable | yes/no | 窗口大小是否可调整  

screenX | pixel value | 窗口距屏幕左边界的像素长度  

screenY | pixel value | 窗口距屏幕上边界的像素长度  

scrollbars | yes/no | 窗口是否可有滚动栏  

titlebar | yes/no | 窗口题目栏是否可见  

toolbar | yes/no | 窗口工具栏是否可见  

Width | pixel value | 窗口的像素宽度  

z-look | yes/no | 窗口被激活后是否浮在其它窗口之上 

参考https://www.cnblogs.com/lijshui/p/7451360.html

相关文章

  • 页面跳转、打开新窗口

    本窗口打开 百度 window.location.href='http://www.baidu.com' 新窗口打...

  • a标签新窗口打开页面跳转sessionStorage丢失

    Chrome更新89版本后,sessionStorage丢失a标签跳转丢失sessionStorage 最简单的解...

  • vue打开新窗口的两种方式

    1.使用路由跳转,绑定target="_blank" 2.写点击事件 注意:若只是简单的打开新窗口页面,两种皆可以...

  • JS中打开网页的两种属性_blank与_self

    一般网页(没有进行任何设置)默认跳转到新窗口。我们在设置跳转时,都会考虑跳转到当前页面,亦或是跳转到新页面。为此我...

  • BOM

    open(url,打开方式)新窗口打开空白页//open(地址默认是空白页面,打开方式默认新窗口) 打开一个新窗口...

  • HTML 代码

    一、点击div时页面进行跳转,通过onclick事件来实现 1.通过window.open函数 在新窗口跳转 在...

  • vue跳转打开新窗口

  • Selenium+Python句柄操作

    当我们打开浏览器,点击页面链接时,经常会遇到新的页面会在新窗口打开,而Selenium不会去自动识别新窗口,所以我...

  • JavaScript基础 BOM方法

    window.open()打开新窗口window.open('要打开的页面',' _self (当前窗口打开) ...

  • base标签

    base可以设置整体连接的打开状态 写法: _blank:打开新窗口 _self:在当前窗口内跳转

网友评论

      本文标题:页面跳转、打开新窗口

      本文链接:https://www.haomeiwen.com/subject/yauqrqtx.html