JavaScript location对象

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();    重新加载
		  }

今天的内容大概就到这里!

下一篇:JavaScript History对象

发布了42 篇原创文章 · 获赞 68 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/weixin_36732046/article/details/82938227
今日推荐