网站首页 > 技术文章 正文
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("弹出窗口设置被禁止。");
}
- 上一篇: 2.1 窗口和控件 窗口位置与控件名称
- 下一篇: vue 适配屏幕分辨率,以及屏幕的缩放
猜你喜欢
- 2024-11-12 pyqtgraph系列文章:直方图(Histogram)
- 2024-11-12 Window对象的常见事件 window对象常用的方法有哪些?
- 2024-11-12 JavaScript Window - 浏览器对象模型
- 2024-11-12 Python Qt GUI设计:将UI文件转换Python文件三种妙招(基础篇—2)
- 2024-11-12 前端移动端常见问题 前端移动端适配方案
- 2024-11-12 WindowsServer2022:如何扩展磁盘空间?
- 2024-11-12 第36节 window对象的窗口-JavaScript
- 2024-11-12 JavaScript Screen对象 screen对象包含的属性可以修改
- 2024-11-12 「Pygame经典合集」??????终极白嫖大招:让你玩儿到爽
- 2024-11-12 Qt 教程| QScatterSeries 散点图 qt三维散点图
- 标签列表
-
- content-disposition (47)
- nth-child (56)
- math.pow (44)
- 原型和原型链 (63)
- canvas mdn (36)
- css @media (49)
- promise mdn (39)
- readasdataurl (52)
- if-modified-since (49)
- css ::after (50)
- border-image-slice (40)
- flex mdn (37)
- .join (41)
- function.apply (60)
- input type number (64)
- weakmap (62)
- js arguments (45)
- js delete方法 (61)
- blob type (44)
- math.max.apply (51)
- js (44)
- firefox 3 (47)
- cssbox-sizing (52)
- js删除 (49)
- js for continue (56)
- 最新留言
-