首页 > 代码库 > url、http相关

url、http相关

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

 

以上信息并不全,仅作为参考。后面会继续编辑^_^




 
 

 

 
 

url、http相关