html中location的⽤法详解Location介绍
location指⽰了其所连接对象的url位置。和对象中都有location属性，可以通过和访问。
注意 如果想要获得当前⽂档的完整url字符串，有四种⽅式
1. document.location
2. document.location.href
3. document.URL
4. String()
以上⽅式均可以获得'
属性qemu
location.href
position和location的区别
当前⽂档的完整url，如果被改变，⽂档将会导航到另⼀个新的页⾯，
重载nginx配置命令/
/ ⽹址 "/en-US/HTMLHyperlinkElementUtils.protocol";
location.href = /en-US/HTMLHyperlinkElementUtils.protocol location.protocol
当前url所使⽤的协议，包括结尾的":"
下载eclipse步骤// ⽹址 "/en-US/HTMLHyperlinkElementUtils.protocol";
location.protocol = /en-US/HTMLHyperlinkElementUtils.protocol location.host
获取当前的主机信息，包括主机名，":"和端⼝号
举例 ：
// ⽹址 ":4097/en-US/HTMLHyperlinkElementUtils.host";
anchor.host == ":4097"
注意 当服务器使⽤的端⼝为默认端⼝时，则返回的host信息不包括:port
// ⽹址 ":443/en-US/HTMLHyperlinkElementUtils.host";
location.host == ""
location.hostname
获取当前url的主机名
// ⽹址 ":443/en-US/HTMLHyperlinkElementUtils.host";
location.host == ""
location.port
返回url的端⼝信息。没有写端⼝信息的url，实际端⼝为与协议相关的端⼝号
// ⽹址 ":443/en-US/HTMLHyperlinkElementUtils.host";
location.port = "443"
location.pathname
返回url的路径字符串
// ⽹址 ":443/en-US/HTMLHyperlinkElementUtils.host";
location.pathname = "/en-US/HTMLHyperlinkElementUtils.host";
注意这⾥包括最前⾯的/和最后⾯的index.html
location.search
⼜名查询字符串，返回url中?以及之后的字符串
// ⽹址为 "/en-US/docs/HTMLHyperlinkElementUtils.search?q=123"
location.search = '?q=123';
//将去掉问号后的字符串解析为URLSearchParams对象
let params = new URLSearchParams(location.search.substring(1));
//利⽤get⽅法获取指定的参数
let q = ("q")); // is the number 123sql server手机版下载
location.hash
返回url中代表页⾯某个区域的带有#的字符串
//⽹址 "/en-US/docs/HTMLHyperlinkElementUtils.href#youhou";
location.hash = '#youhou';
location.username
设置或返回url中域名前⾯的⽤户名
// ⽹址 "anonymous:/en-US/docs/HTMLHyperlinkElementUtils.username" location.username = 'anonymous';
location.username
设置或返回url中密码部分
/
/ ⽹址"anonymous:/en-US/docs/HTMLHyperlinkElementUtils.username" location.password = 'flabada';
返回url中完整的协议和主机地址部分，包括端⼝
//⽹址/en-US/docs/Web/API/HTMLHyperlinkElementUtils/origin
完整⽰例
var url = document.location;
url.href = '/en-US/search?q=URL#search-results-close-container';div数学
console.log(url.href);      // /en-US/search?q=URL#search-results-close-container
console.log(url.protocol);  // https:
console.log(url.host);      //
console.log(url.hostname);  //
console.log(url.port);      // (blank - https assumes port 443)
console.log(url.pathname);  // /en-US/search
console.log(url.search);    // ?q=URL
console.log(url.hash);      // #search-results-close-container
console.igin);    //
⽅法
Location.assign()
该⽅法使浏览器加载并展⽰URL所指定的⽂档
document.location.assign('/en-US/docs/Web/load');
该⽅法⽤于重新加载当前页⾯，可以接受⼀个Boolean类型的参数，参数为true，强制从服务器重新获取，为false时从缓存中读取。默认值为false
load(true);
提供⼀个URL，使页⾯跳转到相应的URL，与location.assign()的区别是，place()跳转后的页⾯不会保存在浏览器历史中，即⽆法通过返回按钮返回到该页⾯。
place('/en-US/docs/Web/load');
获取当前页⾯的完整URL，相当于location.href

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。