前端技术栈 有关前端的博客

location 对象

2020-04-15
皇甫春风

window.location

只读属性,返回一个 Location 对象,其中包含有关文档当前位置的信息。

window.location : 所有字母必须小写!

导航到一个新页面

window.location = "http://huangfuchunfeng.github.io/"; 
window.location.assign("http://huangfuchunfeng.github.io/"); // or
window.location.href = "http://huangfuchunfeng.github.io/"; // or
window.open("http://huangfuchunfeng.github.io/",'_self');

注意!!!

location.assign 和 location.href 在有些浏览器可能不兼容(如:Edge)

强制从服务器重新加载当前页面

window.location.reload(true);

获取一个 window.location.search 键值(key value)

function GetSearchParam (key,search) {
  return decodeURI((search||window.location.search).replace(new RegExp("^(?:.*[&\\?]" + encodeURI(key).replace(/[\.\+\*]/g, "\\$&") + "(?:\\=([^&]*))?)?.*$", "i"), "$1"));
}

// 使用 URLSearchParams 

var paramsString = "q=URLUtils.searchParams&topic=api";
var searchParams = new URLSearchParams(paramsString);

for (let p of searchParams) {
  console.log(p);
}

searchParams.has("topic") === true; // true
searchParams.get("topic") === "api"; // true
searchParams.getAll("topic"); // ["api"]
searchParams.get("foo") === null; // true
searchParams.append("topic", "webdev");
searchParams.toString(); // "q=URLUtils.searchParams&topic=api&topic=webdev"
searchParams.set("topic", "More webdev");
searchParams.toString(); // "q=URLUtils.searchParams&topic=More+webdev"
searchParams.delete("topic");
searchParams.toString(); // "q=URLUtils.searchParams"

window.location.hash 应用

“页面标签的使用”


评论

目录