Window-location对象

来源:互联网 发布:开实体店在淘宝上拿货 编辑:程序博客网 时间:2024/05/22 06:38

Location 对象

包含有关当前 URL 的信息

Location 对象是 window 对象的一部分,可通过 window.Location 属性对其进行访问。

注意: 没有应用于Location对象的公开标准,不过所有浏览器都支持该对象。

Location 对象属性

1. hash

一个可读可写的字符串,该字符串是 URL 的锚部分(从 # 号开始的部分)

google IE firefox safari opera true true true true true

location.hash

document.write(location.hash);

2. host

可读可写的字符串,可设置或返回当前 URL 的主机名称和端口号

google IE firefox safari opera true true true true true

location.host

document.write(location.host);

3. hostname

可读可写的字符串,可设置或返回当前 URL 的主机名

google IE firefox safari opera true true true true true

location.hostname

document.write(location.hostname);

4. href

可读可写的字符串,可设置或返回当前显示的文档的完整 URL

google IE firefox safari opera true true true true true

location.href

document.write(location.href);

5. pathname

可读可写的字符串,可设置或返回当前 URL 的路径部分

google IE firefox safari opera true true true true true

location.pathname

document.write(location.pathname );

6. port

可读可写的字符串,可设置或返回当前 URL 的端口部分

注意:如果端口号就是80(这是默认的端口号),无需指定。

google IE firefox safari opera true true true true true

location.port

document.write(location.port);

7. protocol

可读可写的字符串,可设置或返回当前 URL 的协议

google IE firefox safari opera true true true true true

location.protocol

document.write(location.protocol);

可读可写的字符串,可设置或返回当前 URL 的查询部分(问号 ? 之后的部分)

google IE firefox safari opera true true true true true

location.search

document.write(location.search);

Location 对象方法

1. assign

加载一个新的文档

google IE firefox safari opera true true true true true

location.assign(URL)

<!DOCTYPE html><html><head><meta charset="utf-8"><title>zsh</title><script>function newDoc(){    window.location.assign("http://www.zshgrwz.cn/360")}</script></head><body><input type="button" value="载入新文档" onclick="newDoc()"></body></html>

2. reload

用于刷新当前文档

reload() 方法类似于你浏览器上的刷新页面按钮。

如果把该方法的参数设置为 true,那么无论文档的最后修改日期是什么,它都会绕过缓存,从服务器上重新下载该文档。这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样。

google IE firefox safari opera true true true true true

location.reload(Boolean)

参数

  • 可选
    • Boolean 如果把该方法的参数设置为 true,那么无论文档的最后修改日期是什么,它都会绕过缓存,从服务器上重新下载该文档。
<!DOCTYPE html><html><head><meta charset="utf-8"><title>zsh</title><script>function newDoc(){    location.reload();}</script></head><body><input type="button" value="载入新文档" onclick="newDoc()"></body></html>

3. replace

可用一个新文档取代当前文档

google IE firefox safari opera true true true true true

location.replace(newURL)

<!DOCTYPE html><html><head><meta charset="utf-8"><title>zsh</title><script>function replaceDoc(){    window.location.replace("http://www.runoob.com")}</script></head><body><input type="button" value="载入新文档替换当前页面" onclick="replaceDoc()"></body></html>

文档内容出自 W3cSchool和菜鸟教程,
如需查看更详细的有关内容 请登录 http://www.w3school.com.cn/ 和 http://www.runoob.com/

原创粉丝点击