专业的编程技术博客社区

网站首页 > 博客文章 正文

javascript自学记录:窗口大小(js 改变窗口大小)

baijin 2024-10-07 06:25:03 博客文章 8 ℃ 0 评论


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("弹出窗口设置被禁止。");
}

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表