6. BOM
6.1 widow对象
-
全局作用域:
-
窗口位置:
-
窗口大小:
-
导航和打开窗口:
-
window.open():
-
第一个参数是:URL 第二个是:窗口目标(在那里打开,_self:当前页面 _blank:新窗口 _parent:父框架 'xxxx':窗口名称,没有的话就新建一个名为xxxx的窗口)
-
第三个是:打开新窗口的样式
参数 值 说明 top 数值 表示新窗口的上坐标。不能是负值 left 数值 表示新窗口的左坐标。不能是负值 height 数值 表示新窗口的高度。不能小于100 width 数值 表示新窗口的宽度。不能小于100 -
window.open("http://www.wrox.com/","wroxWindow","height=400,width=400,top=10,left=10");
-
window.open()方法会返回一个指向新窗口的引用。引用的对象与其他 window 对象大致相似(
window.open().alert(1)
),但我们可以对其进行更多控制。例如,有些浏览器在默认情况下可能不允许我们针对主浏览器窗口调整大小或移动位置,但却允许我们针对通过 window.open()创建的窗口调整大小或移动位置。
-
-
-
setTimeOut(超时调用):
-
setInterval(间歇调用):
-
它接受的参数与 setTimeout()相同
-
强烈不建议使用字符串
-
setInterval(function(){alert(1)},2000);//每隔两秒就弹出对话框
-
-
clearInterval(id);//同上
-
-
-
6.2 location对象
location == document.location == window.location
属性 | 例子 | 说明 |
---|---|---|
location.hash | #contents | 返回url中的hash |
location.host | www.xxx.com:80 | 返回服务器名称和端口号(如果有) |
location.hostname | www.xxx.com | 返回不带端口号的服务器名称 |
location.href | http://www.xxx.com | 返回当前加载页面的完整URL |
location.pathname | /index/a/ | 返回URL中的目录和(或)文件名 |
location.port | 8080 | 返回URL中指定的端口号。如果URL中不包含端口号,则 |
location.protocol | http: | 返回页面使用的协议。通常是http:或https: |
location.search | ?keyword=xxx | 返回URL的查询字符串。这个字符串以问号开头 |
查询字符串参数:
function getArgs(){ if(location.search == ''){ return 'nonono'; } var qs = location.search.substr(1); var args = {};//保存参数, var items = qs.split("&");//取得每一项 var item=null,name=null,value=null; for(var i=0;i<items.length;i++){ item=items[i].split("="); name = decodeURIComponent(item[0]);//url解码 value = decodeURIComponent(item[1]); args[name] = value; } return args; } alert(getArgs());
位置操作:
location.assign("http://qq.com"); location.href = 'http://qq.com'; location = 'http://qq.com';//这三个都是修改当前页面 location.hash = 'haha'; location.search='id=1001'; 等等 location.reload();//重新加载(有可能从缓存加载) location.reload(true);//重新加载(从服务器加载) location.replace('url'); //将当前页面改为url指向的页面
6.3 navigator对象
6.4 screen对象
JavaScript 中有几个对象在编程中用处不大,而 screen 对象就是其中之一。screen 对象基本上只用来表明客户端的能力,其中包括浏览器窗口外部的显示器的信息,如像素宽度和高度等。每个浏览器中的screen 对象都包含着各不相同的属性。
6.5 history对象
-
history.go(1)//前进一页
-
history.go(-1)//后退一页
-
history.go(-2) //后退2页
-
history.back()//后退一页
-
history.forward()//前进一页
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。