编程技术文章分享与教程

网站首页 > 技术文章 正文

javascript自学记录:窗口大小 js窗口大小改变事件

hmc789 2024-11-12 11:41:20 技术文章 2 ℃


8.1.4 窗口大小

// 得到页面宽度
var width = window.innerWidth;
// 得到页面高度
var height = window.innerHeight;
// 只能对通过window.open()打开的,并且只有一个tab页面进行调整大小
window.resizeTo(500,500);

8.1.5 导航和打开窗口

window.open(url)

1)、当只有一个url参数时,会在新的页面打开url,并且新页面呈在最前面

var url = "https://www.baidu.com";
window.open(url);

2)、第二个参数代表页面打开的方式:

window.open(url,"_self");    // 以当前页面打开新的url
window.open(url,"__parent"); // 加载到父框架
window.open(url,"__top");    // 替换任何可加载的框架集
window.open(url,name);       // 窗口名称
window.open(url,"_blank");  // 在新的页面打开url,并且新页呈现在最前面

3)、如果是新弹出窗口,那么第三个参数是用来设置新窗口的一些属性与元素,包含有以下属性:

fullscreen、height、width、left、tpp、location、menubar、resizable、scrollbars、status、toolbar

以下为使用举例:

var url = “xxxxxxxx”;
window.open(url,"_blank","fullscreen=yes,height=200,width=200,left=100,top=200");

window.open()打开新窗口后,会返回一个窗口对象,可对其设置各种属性,还可以关闭:winobj.close(),不过close()方法只能用于使用open()该当打开的窗口。

4)、如果返回的窗口对象为null,那么大可能是有弹出口屏蔽程序。

var blocked = false;
try{
    var wroxWin = window.open("https://www.baidu.com","_blank");
    if (wroxWin == null){
        blocked = true;
    }
} catch (ex){
    blocked = true;
}
if (blocked){
    alert("弹出窗口设置被禁止。");
}

Tags:

标签列表
最新留言