A:各种对象的区别:
1、self:当前窗口对象(如果是在iframe里,则为该框架的窗口对象)
2、top:父窗口对象
3、window:典型情况下,浏览器会为每一个打开的html创建对应的window对象,如果这个文档包含了多个框架,则浏览器会为原始文档建立一个window对象,再为每个框架创建额外的window对象。可以在当前窗口中直接使用window的全部属性、方法和集合。
4、location:该对象包含当前url信息,拥有多个属性。默认属性为 location.href,表示整个url,即如果设置location="http://www.ddd.cn",则等同于location.href="http://www.ddd.cn".
B:加载一个新页面:
1、location.assign("https://www.baidu.com")
2、window.location.href="https://www.baidu.com";
3、window.navigate("https://www.baidu.com"); //只针对IE
4、window.location.replace("https://www.baidu.com"); //window.history.Go(-1);(后退返回)不好使
5、self.location="https://www.baidu.com";
6、top.location="https://www.baidu.com" ;
self.location与top.location的区别:self.location 指的是当前页面的location,top.location是指当前页面所属的父页面的location。top.location !== self.location ( 有时侯,页面会被别人的frame引用,含在别人的frame中(有时一些站点因内容不足, 会将别人的页面当作自己的一个frame,看起来像是自己本身的页面) 。用此js方法,一旦被别人frame了,会自动弹出。你就不用再担心了!)//没试过
7、<meta http-equiv=refresh content=3;URL="https://www.baidu.com">//content=3:3秒后自动跳转
8、window.history的跳转方式:history.go(num)//返回第几页,也可以使用访问过的URL,正数向前跳转,负数向后跳转
9、window.history.forward()//返回下一页
10、 history.back()//返回上一页
C:页面刷新:
1、location.reload()
2、 history.go(0)
3、 location=location
4、location.assign(location)
5、document.execCommand(‘Refresh‘) //目前我仅测试到IE支持
6、window.navigate(location) //只针对IE
7、location.replace(location)
8、<meta http-equiv="refresh" content="20"> //每隔20秒自动刷新
D:location:location
对象表示当前页面的URL信息。例如,一个完整的URL:http://www.example.com:8080/path/index.html?a=1&b=2#TOP
可以用location.href
获取。要获得URL各个部分的值,可以这么写:
1、location.protocol; //‘http‘
2、location.port; //‘8080‘
3、location.pathname; //‘/path/index.html‘
4、location.search; //‘?a=1&b=2‘
5、location.hash; //‘TOP‘
E:document对象属性:(无则返回空)
1、设置或返回当前文档有关的cookie:document.cookie;
2、返回当前文档的域名:document.domain;(读写,常用于实现跨域交互)
3、返回文档被最后修改的日期和时间:document.lastModified(只读)
4、返回载入当前文档的文档的 URL:document.referrer
5、返回当前文档的标题:document.title
6、返回当前的URL:document.URL
以上信息并不全,仅作为参考。后面会继续编辑^_^