BOM中的location
对象表示当前窗口的URL位置,并且可以用它来操作浏览器的历史记录。下面是location
对象的属性和方法:
location属性
location.href
用于读取或设置当前窗口的URL。如下所示:
// 获取当前窗口的URL
const currentUrl = location.href;
console.log(currentUrl); // 输出 https://www.example.com
// 修改当前窗口的URL
location.href = "https://www.example.com/newUrl";
location.hash
用于读取或设置URL中的锚点部分。如下所示:
// 获取当前URL中的锚点
const anchor = location.hash; // 如果URL中不包含锚点,则返回空字符串
// 修改当前URL中的锚点
location.hash = "#section1";
location.protocol
用于读取或设置URL中的协议部分。如下所示:
// 获取当前URL中的协议
const protocol = location.protocol; // 返回 "https:"
// 修改当前URL中的协议
location.protocol = "http:";
location.hostname
用于读取或设置URL中的主机名。如下所示:
// 获取当前URL中的主机名
const hostname = location.hostname; // 返回 "www.example.com"
// 修改当前URL中的主机名
location.hostname = "example.com";
location.pathname
用于读取或设置URL中的路径部分。如下所示:
// 获取当前URL中的路径部分
const path = location.pathname; // 返回 "/path/to/page.html"
// 修改当前URL中的路径部分
location.pathname = "/newPath";
location.search
用于读取或设置URL中的查询字符串部分。如下所示:
// 获取当前URL中的查询字符串
const search = location.search; // 如果URL中不包含查询字符串,则返回空字符串
// 修改当前URL中的查询字符串
location.search = "?page=2";
location方法
location.assign()
用于加载新的文档,如下所示:
// 加载新的文档
location.assign("https://www.example.com/newPage");
location.reload()
用于重新加载当前文档,如下所示:
// 重新加载当前文档
location.reload();
以上就是location
对象的属性和方法了,希望对你有所帮助。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:BOM中location对象的属性和方法 - Python技术站