详解javascript获取url信息的常见方法

获取URL信息的JavaScript秘籍：一步步解构

让我们从一个典型的URL开始：“

一、获取页面完整的url

使用`location.href`可以获取到完整的URL。例如：

```javascript

var url = location.href;

console.log(url); // 输出完整的URL

```

二、获取页面的域名

获取域名有多种方式：

```javascript

var host = window.location.host; // 输出“.blogs.”

var host2 = document.domain; // 输出“.blogs.” 也可以用来设置文档的主机名。注意这是顶级域名不包含www前缀。使用location.hostname 可以得到完整的域名包括www前缀，如“.blogs.”或“

var a = location.hostname; // 输出如“.blogs.”或“

```javascript var a = location.hostname; // 输出域名，可能包含www前缀。 ```javascript var host = window.location.host; // 输出不带www前缀的域名部分 var host2 = document.domain; // 输出不带www前缀的域名部分，通常用于设置当前文档的主机名 ``` 三、获取url协议 使用 `location.protocol` 可以获取URL的协议部分，例如 `http:` 或 `https:`。 ```javascript var protocol = location.protocol; console.log(protocol); // 输出 http: 或 https: ``` 四、获取端口 URL中的端口可以使用 `location.port` 获取。 ```javascript var port = location.port; console.log(port); // 输出端口号，如果没有端口号则返回空字符串 ``` 五、获取页面路径 使用 `location.pathname` 可以获取URL中的路径部分。 ```javascript var path = location.pathname; console.log(path); // 输出路径部分，如“/p/6188619.html” ``` 六至九、关于查询参数和哈希值 获取URL中的查询参数和哈希值可能需要稍微复杂的操作。这部分内容对于理解URL结构和与之相关的JavaScript API至关重要。以下是一些常见操作的示例代码： 六、设置或获取URL的协议部分（已在第三步介绍）。 七、获取后的部分（哈希值） 使用 `window.location.hash` 可以获取URL中后面的部分。然后通过 `substr` 方法去除''字符。 ```javascript var hash = window.location.hash; var hashValue = hash.substr(1); console.log(hashValue); // 输出flag?test=12345 ``` 八、获取href属性中跟在问号?后面的部分（查询参数） 如果URL形如“ `location.search` 来获取查询参数部分。如果URL包含哈希值（如“ ... flag?test=12345”），则需要更复杂的处理来提取查询参数。 ```javascript var searchParam = location.search; var searchValue = searchParam ? searchParam.substr(1) : ''; console.log(searchValue); // 输出查询参数部分（如果有的话） ``` 九、获取等号=后面的部分 这可以通过字符串操作来实现。 ```javascript var lastIndexOfEquals = url.lastIndexOf('='); var valueAfterEquals = url.substring(lastIndexOfEquals + 1); console.log(valueAfterEquals); // 输出等号后面的值 ``` 以上就是关于JavaScript中获取URL信息的基本方法介绍。希望这些内容能够帮助你更好地理解如何操作和使用JavaScript中的URL相关API。记得多多支持狼蚁SEO！ —— 结束 —— 请注意，上述代码片段可能需要根据实际的页面结构和需求进行适当的调整。在真实环境中使用时，请确保对其进行充分的测试以确保其按预期工作。