十年专注于品牌网站建设 十余年专注于网站建设_小程序开发_APP开发,低调、敢创新、有情怀!
南昌百恒网络微信公众号 扫一扫关注
小程序
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络微信小程序

百恒网络

南昌百恒网络

document.title、document.URL、document.domain、document.referrer使用方法

百恒网络 2016-11-03 5039

作为HTMLDocument的一个实例,docunent对象还有一些标准的Document对象所没有的属性。些属性提供了document对象所表现的网页的一些信息。其中第一个属性就是title,包含着title元素中的文本——显示在浏览器窗口的标题栏或标签页上。通过这个属性可以取得当前页面 的标题,也可以修改当前页面的标题并反映在浏览器的标题栏中。修改title属性的值不会改变title元素。来看下面的例子:

//取得文档标题

var originaITitle=docunent.title;

//设置文档标题

document.title= "New page title";

接下来要介绍的3个属性都与对网页的请求有关,它们是URL、domain和referrer。URL属性中包含页面完整的URL(即地址栏中显示的URL),domain属性中只包含页面的域名,而referrer属性中则保存着链接到当前页面的那个页面的URL。在没有来源页面的情况下,referrer属性中可能会包含空字符串。所有这些信息都存在于请求的HTTP头部,只不过是通过这些属性让我们能够在JavaScrip中访问它们而已,如下面的例子所示:

//取得完整的URL

var url=document.URL;

//取得域名

var domain=document.domain;

//取得来源页面的URL

var referrer=document.referrer;

URL与domain属性是相互关联的。例如,如果document.URL等于http://www.jxbh.cn/website/index.html,那么document.domain就等于www.jxbh.cn。

在这3个属性中,只有domain是可以设置的。但由于安全方面的限制,也并非可以给domain设置任何值。如果URL中包含一个子域名,例如wx.jxbh.cn,那么就只能将domain设置为"jxbh.cn"(URL中包含"www",如www.jxbh.cn时,也是如此)。在此南昌网站制公司百恒网络开发工程师提醒大家不能将这个属性设置为URL中不包含的域,如下面的例子所示:

//假设页面来自wx.jxbh.cn域

document, domain='jxbh.cn"; //成功

document.domain="nczonline.net"; //出错!

当页面中包含来自其他子域的框架或内嵌框架时,能够设置document.domain就非常方便了。由于跨域安全限制,来自不同子域的页面无法通过JavaScript通信。而通过将每个页面的document.domain设置为相同的值,这些页面就可以互相访问对方包含的JavaScript对象了。例如,假设有一个页面加载自www.jxbh.cn,其中包含一个内嵌框架,框架内的页面加载自wx.jxbh.cn。由于document.domain字符串不一样,内外两个页面之间无法相互访问对方的JavaScript对象。但如果将这两个页面的document.domain值都设置为"jxbh.cn",它们之间就可以通信了。

浏览器对domain属性还有一个限制,即如果域名一开始是“松散的"(loose),那么不能将它再设置为“紧绷的"(tight)。换句话说,在将document.domain设置为"jxbh.cn"之后,就不能再将其设置回"wx.jxbh.cn",否则将会导致错误,如下面的例子所示:

document.domain=jxbh.cn"; //松散的(成功)

document.domain="wx.jxbh.cn"; //紧绷的(出错!)

所有浏览器中都存在这个限制,但IE8是实现这一限制的最早的IE版本。

本文仅限内部技术人员查阅学习交流,不得作于其他商业用途.原创文章出自:南昌网站建设公司-百恒网络 http://www.jxbh.cn 此文禁止转载,谢谢合作!

400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络小程序

欢迎您的光顾,我们将竭诚为您服务×

售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售后服务 售后服务
 
售后服务 售后服务
 
备案专线 备案专线
 
×