极客笔记HTML 如何在JavaScript中获取基本URL
在本文中，我们将介绍如何在JavaScript中获取基本URL的方法。JavaScript是一种用于网页开发的脚本语言，通过使用JavaScript，我们可以在网页中动态地获取和操作内容。
阅读更多：HTML 教程
基本URL是什么？
基本URL是指网页的相对路径或绝对路径部分。它是指在浏览器地址栏中输入的网址，包含协议、域名和端口号等信息。获取基本URL在一些情况下非常有用，比如当我们需要构建动态URL，或者在使用相对路径时需要将其与基本URL拼接在一起。
使用window.location对象获取基本URL
JavaScript中提供了window.location对象，它包含了当前窗口的地址信息。我们可以通过该对象获取基本URL的各个部分。
获取完整URL
我们可以使用window.location.href来获取完整的URL，即协议、域名、端口号和路径部分的组合。例如：
var fullUrl = window.location.href;
console.log(fullUrl);
获取协议
要获取协议部分，我们可以使用window.location.protocol。它返回的是一个包含冒号的字符串，如http:或https:。例如：
var protocol = window.location.protocol;
console.log(protocol);
获取域名和端口号
要获取域名和端口号部分，我们可以使用window.location.host。它返回的是一个字符串，包含域名和可选的端口号。例如：
var host = window.location.host;
console.log(host);
获取路径部分
要获取路径部分，我们可以使用window.location.pathname。它返回的是一个字符串，表示当前页面的路径。例如：
var path = window.location.pathname;
console.log(path);
获取基本URL
要获取基本URL，我们可以将协议、域名和端口号拼接在一起。示例如下：
var protocol = window.location.protocol;
var host = window.location.host;
var baseUrl = protocol + '//' + host;
console.log(baseUrl);
使用document.baseURI获取基本URL
除了window.location对象之外，我们还可以使用document.baseURI属性来获取基本URL。
var baseUrl = document.baseURI;
console.log(baseUrl);
document.baseURI返回的是一个包含当前页面基本URL的字符串。它与window.location.href的结果相同。
拼接动态URL
在很多情况下，我们需要构建带有动态参数的URL。我们可以使用上述获取基本URL的方法，然后将其与动态参数拼接在一起。
var baseUrl = window.location.protocol + '//' + window.location.host;
var dynamicParam = 'id=123';
var url = baseUrl + '/path?' + dynamicParam;
console.log(url);
在上面的示例中，我们首先获取基本URL，然后在其后添加路径和动态参数，最终构建出完整的URL。
总结
在本文中，我们介绍了如何在JavaScript中获取基本URL的方法。我们可以使用window.location对象来获取协议、域名、端口号和路径部分。同时，我们还可以使用document.baseURI来获取基本URL。通过这些方法，我们可以轻松地获取并操作网页的基本URL，以满足各种需要。