JavaScript location对象
Location 对象属性
属性 | 描述 |
---|---|
hash | 设置或返回从井号 (#) 开始的 URL(锚)。 |
host | 设置或返回主机名和当前 URL 的端口号。 |
hostname | 设置或返回当前 URL 的主机名。 |
href | 设置或返回完整的 URL。 |
pathname | 设置或返回当前 URL 的路径部分。 |
port | 设置或返回当前 URL 的端口号。 |
protocol | 设置或返回当前 URL 的协议。 |
search | 设置或返回从问号 (?) 开始的 URL(查询部分)。 |
例:location.href,返回当前URL:
document.write(location.href);
结果为:file:///D:/TEST/html/8.Object.html
例:location.host,返回当前主机名和当前URL的端口号:
document.write(location.name);
例:location.hostname,返回当前主机名:
document.write(location.hostname);
剩下的几个属性可以自己慢慢去试!
接下来将location方法:
Location 对象方法
属性 | 描述 |
---|---|
assign() | 加载新的文档。 |
reload() | 重新加载当前文档。 |
replace() | 用新的文档替换当前文档。 |
assign():
定义:assign() 方法可加载一个新的文档。
语法:location.assign(URL)
例:打开百度
HTML代码:
<button type="button" onclick="assign()">打开百度</button> //提交按钮,用于打开百度
JavaScript代码:
function assign(){
window.location.assign("http://www.baidu.com"); //打开百度
}
reload():
定义:reload() 方法用于重新加载当前文档。
语法:location.reload(force)
例:重新加载当前文档
HTML代码:
<button type="button" onclick="reloadPage()">重新加载</button> //重新加载按钮
JavaScript代码:
function reloadPage()
{
window.location.reload(); 重新加载
}
今天的内容大概就到这里!