document.location.href 和 document.location 有什么区别

Java

在JavaScript编程中，document.location.href和document.location都是用于获取当前页面的URL地址的属性。然而，它们之间存在一些区别。

首先，我们来看一下document.location.href属性。这个属性返回的是一个完整的URL字符串，包括协议类型（如http://或https://）、主机名、端口号、路径以及查询参数等信息。如果我们想获取当前页面的URL地址，可以直接使用document.location.href来获取。

接下来，我们来看一下document.location属性。这个属性返回的是一个Location对象，它包含了很多有用的信息，比如协议类型、主机名、端口号、路径、查询参数等。我们可以通过访问Location对象的各个属性来获取特定的URL信息。例如，可以使用document.location.protocol来获取协议类型，使用document.location.hostname来获取主机名等。

尽管document.location.href和document.location都可以用来获取URL地址，但它们在使用上有一些细微的差别。具体来说，document.location.href是一个可读写的属性，我们可以通过修改它的值来实现页面的重定向。而document.location是一个只读的属性，我们不能直接修改它的值。

下面是一个简单的案例代码来演示这两个属性的使用：

Javascript
// 获取当前页面的完整URL字符串
var url = document.location.href;
console.log(url);
// 获取当前页面的协议类型
var protocol = document.location.protocol;
console.log(protocol);
// 修改当前页面的URL地址并进行重定向
document.location.href = "https://www.example.com";

在上面的代码中，我们首先使用document.location.href来获取当前页面的完整URL字符串，并将其打印输出到控制台上。然后，我们使用document.location.protocol来获取当前页面的协议类型，并将其打印输出到控制台上。最后，我们使用document.location.href来修改当前页面的URL地址，并将页面重定向到"https://www.example.com"。

：

在JavaScript编程中，document.location.href和document.location都是用于获取当前页面的URL地址的属性。它们的区别在于，document.location.href返回的是一个完整的URL字符串，包括协议类型、主机名、端口号、路径以及查询参数等信息；而document.location返回的是一个Location对象，它包含了很多有用的URL信息。此外，document.location.href是一个可读写的属性，可以用来实现页面的重定向；而document.location是一个只读的属性，不能直接修改它的值。