首页 > 其他 > 详细

第8章 BOM

时间:2020-02-25 21:22:13      阅读:73      评论:0      收藏:0      [点我收藏+]

第8章 BOM

8.1 window 对象

8.1.1 全局作用域

8.1.2 窗口关系及框架

8.1.3 窗口位置

8.1.4 窗口大小

8.1.5 导航和打开窗口

8.1.6 间歇调用和超时调用

8.1.7 系统对话框

8.2 location 对象

8.2.1 查询字符串参数

8.2.2 位置操作

8.3.1 检测插件

8.3.2 注册处理程序

8.4 screen 对象

8.5 history 对象

8.6 小结

章节内容详解

8.1.5 导航和打开窗口

window.open() 打开一个特定的URL,接受四个参数:要加载的URL、窗口目标、一个特殊性字符串、一个表示新页面是否取代浏览器记录中当前加载页面的布尔值。通常只须传第一个参数,最后一个参数只在不打开新窗口的情况下使用。

如果window.open()传了第二个参数,而且该参数是已有窗口或框架的名称,那么就会在具有该名称的窗口或框架中加载第一个参数指定的URL。

//等同于 <a href="http://www.wrox.com" target="topFrame"></a>
window.open("http://www.wrox.com","topFrame");

如果有target属性为“topFrame”的窗口或框架,就会在该窗口或框架加载这个URL,否则就会创建一个新窗口并将其命名为“topFrame”。第二个参数也可以是下列任何一个特殊的窗口名称:_self、_parent、_top、_blank。

弹出窗口
如果window.open()传递的第二个参数并不是一个已经存在的窗口或框架,那么该方法就会根据在第三个参数位置上传入的字符串创建一个新窗口或新标签页。如果没有传入第三个参数,那么就会打开一个带有全部默认设置(工具栏、地址栏和状态栏等)的新窗口浏览器窗口(或者打开一个新标签页一一根据浏览器设置)。在不打开新窗口的情况下,就会忽略第三个参数。
第三个参数是一个逗号分隔的设置字符串,表示在新窗口中都显示那些特性。具体可设置项如下:

设置 说明
fullscreen yes或no 表示浏览器窗口是否最大化。仅限IE
height 数值 表示新窗口的高度。不能小于100
left 数值 表示新窗口的左坐标。不能是负值
location yes或no 表示是否在浏览器窗口中显示地址栏。不同浏览器的默认值不同。如果设置no,地址栏可能会隐藏,也可能会被禁用(取决于浏览器)
menubar yes或no 表示是否在浏览器窗口中显示菜单栏。默认值为no
resizable yes或no 表示是否可以通过拖动浏览器窗口的边框改变其大小。默认值为no
scrollbars yes或no 表示如果内容在视口中显示不下,是否允许滚动。默认值为no
status yes或no 表示是否在浏览器窗口中显示状态栏。默认值为no
toolbar yes或no 表示是否在浏览器窗口中显示工具栏。默认值为no
top 数值 表示新窗口的上坐标。不能是负值
width 数值 表示新窗口的宽度。不能小于100

例如:

var wroxWin=window.open("http://www.wrox.com","wrxoWindow","height=400,width=400,top=10,left=10,resizable=yes");
//调用close()方法还可以关闭新打开的窗口
wroxWin.close();

使用window.open()方法打开的窗口可以使用,top.close()在不经用户允许的情况下关闭自己。

8.2 location 对象

属性名 例子 说明
hash "#contents" 返回URL中的hash(#号后跟零活多个字符),如果URL中不包含散列,则返回空字符串
host "www.wrox.com:80" 返回服务器名称和端口号(如果有)
hostname "www.wrox.com" 返回不带端口号的服务器名称
href "http://www.wrox.com" 返回当前加载页面的完整URL。而location对象的toString()方法也返回这个值
pathname "/WileyCDA/" 返回URL中的目录或文件名
port "8080" 返回URL中指定的端口号。如果URL中不包含端口号,则这个属性返回空字符串
protocol "http:" 返回页面使用的协议。通常是是http:或https:
search "?q=javascript" 返回URL的查询字符串。这个字符串以问号开头

每次修改location的属性(hash除外),页面都会以新URL 重新加载

window.location.reload();  //重新加载(有可能从缓存中加载)
window.location.reload(true);  //重新加载(从服务器重新加载)

位于reload()调用之后的代码可能会也可能不会执行,这要取决于网略延迟或系统资源等因素,为此,最好将reload()放在代码的最后一行。

第8章 BOM

原文:https://www.cnblogs.com/jiaoshou/p/12363810.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!