js如何获取当前网站的域名

🌐 JS获取当前网站域名详解

在网页开发过程中，我们经常需要获取当前网站的域名，以便进行各种操作，如跳转到其他页面、获取相关数据等，如何使用JavaScript获取当前网站的域名呢？下面,我将为大家详细介绍几种方法。

使用

是最简单的方法,可以获取当前网站的域名。

是最简单的方法,可以获取当前网站的域名。

var hostname = window.location.hostname;console.log(hostname); // 输出域名，www.example.com

使用

可以获取域名和端口号，如果网站没有设置端口号，则会与

的结果相同。

的结果相同。

var host = window.location.host;console.log(host); // 输出域名和端口号，www.example.com:80

使用

可以获取当前网站的协议，如 HTTP 或 HTTPS。

可以获取当前网站的协议，如 HTTP 或 HTTPS。

var protocol = window.location.protocol;console.log(protocol); // 输出协议，http:

使用

可以获取完整的域名，包括协议、域名和端口号。

可以获取完整的域名，包括协议、域名和端口号。

var origin = window.location.origin;console.log(origin); // 输出完整域名，http://www.example.com

使用

如果当前页面与父页面属于同一个域名，可以使用

获取父页面的域名。

获取父页面的域名。

console.log(document.domain); // 输出父页面的域名，example.com

五种方法都可以帮助我们获取当前网站的域名，在实际开发中，可以根据需求选择合适的方法，希望本文能帮助到大家！🎉