网站首页 > 博客文章 正文
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("弹出窗口设置被禁止。");
}
猜你喜欢
- 2024-10-07 作为window对象属性的元素 多窗口和窗体
- 2024-10-07 傻傻分不清楚self,top,parent,opener详解
- 2024-10-07 详解js location.href和window.open的几种用法和区别
- 2024-10-07 html中a标签window.open打开窗口(html打开新标签页)
- 2024-10-07 跨域几种方式(跨域有几种方法)
- 2024-10-07 跨域方法的若干种方式(跨域方式有哪些)
- 2024-10-07 office2010 excel多个窗口互相独立显示
你 发表评论:
欢迎- 07-08Google Cloud Platform 加入支持 Docker 的容器引擎
- 07-08日本KDDI与Google Cloud 签署合作备忘录,共探AI未来
- 07-08美国Infoblox与Google Cloud合作推出云原生网络和安全解决方案
- 07-08GoogleCloud为Spanner数据库引入HDD层,将冷存储成本降低80%
- 07-08谷歌推出Cloud Dataproc,缩短集群启动时间
- 07-08Infovista与Google Cloud携手推进射频网络规划革新
- 07-08比利时Odoo与Google Cloud建立增强合作,扩大全球影响力
- 07-08BT 和 Google Cloud 通过 Global Fabric 加速 AI 网络
- 最近发表
-
- Google Cloud Platform 加入支持 Docker 的容器引擎
- 日本KDDI与Google Cloud 签署合作备忘录,共探AI未来
- 美国Infoblox与Google Cloud合作推出云原生网络和安全解决方案
- GoogleCloud为Spanner数据库引入HDD层,将冷存储成本降低80%
- 谷歌推出Cloud Dataproc,缩短集群启动时间
- Infovista与Google Cloud携手推进射频网络规划革新
- 比利时Odoo与Google Cloud建立增强合作,扩大全球影响力
- BT 和 Google Cloud 通过 Global Fabric 加速 AI 网络
- NCSA和Google Cloud合作开发AI驱动的网络防御系统,加强泰国网络空间的安全性
- SAP将在沙特阿拉伯 Google Cloud 上推出BTP服务
- 标签列表
-
- ifneq (61)
- 字符串长度在线 (61)
- googlecloud (64)
- messagesource (56)
- promise.race (63)
- 2019cad序列号和密钥激活码 (62)
- window.performance (66)
- qt删除文件夹 (72)
- mysqlcaching_sha2_password (64)
- ubuntu升级gcc (58)
- nacos启动失败 (64)
- ssh-add (70)
- jwt漏洞 (58)
- macos14下载 (58)
- yarnnode (62)
- abstractqueuedsynchronizer (64)
- source~/.bashrc没有那个文件或目录 (65)
- springboot整合activiti工作流 (70)
- jmeter插件下载 (61)
- 抓包分析 (60)
- idea创建mavenweb项目 (65)
- vue回到顶部 (57)
- qcombobox样式表 (68)
- tomcatundertow (58)
- pastemac (61)
本文暂时没有评论,来添加一个吧(●'◡'●)