如何在 JavaScript 中显示加载文档的服务器域名?


在本文中,我们将学习如何在 JavaScript 中显示加载文档的服务器域名。

要显示服务器的域名,我们使用 document 接口的 domain 属性,该属性返回当前文档的域名部分。如果文档是在内存中创建的,则 domain 属性将返回 NULL。尝试设置 document 接口的 domain 属性会导致 **SecurityError** 错误。

为了更好地理解,让我们通过 JavaScript 中的合适示例了解 domain 属性的语法和用法。

使用 domain 属性

我们可以使用 JavaScript 的 domain 属性获取加载服务器的域名。

语法

以下是 JavaScript 的 domain 属性的语法:

document.domain

domain 属性返回服务器的域名。如果文档是在内存中创建的,则 domain 属性返回 **null**。

示例 1

在以下示例中,我们使用 domain 属性获取加载服务器的域名。

<html>
<body>
   <p id="domain"></p>
   <script>
      document.getElementById("domain").innerHTML = 'The domain name is :'+" "+document.domain;
   </script>
</body>
</html>

执行上述代码后,将生成以下输出。

示例 2

以下是一个示例程序,用于使用 **document.domain** 显示路径 https://cloud.google.com/run/docs/mapping-custom-domains 的域名。

<!DOCTYPE html>
<html>
<head>
   <title>To display the domain of the server that loaded a document in JavaScript</title>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="text-align : center">
   <h3>To display the domain of the server that loaded a document in JavaScript</h3>
   <p id='domain'></p>
   <script>
      document.getElementById('domain').innerHTML = 'The domain name is : '+document.domain;
   </script>
</body>
</html>

执行上述代码后,将生成以下输出。

使用 location.hostname 属性

我们可以使用 JavaScript 的 location hostname 属性获取加载服务器的域名。

语法

以下是 JavaScript 的 location.hostname 属性的语法:

document.location.hostname;

返回字符串形式的域名。

示例

以下是一个示例程序,用于使用 **document.location.hostname** 显示路径 https://cloud.google.com/run/docs/mapping-custom-domains 的域名。

<!DOCTYPE html>
<html>
<head>
   <title>To display the domain of the server that loaded a document in JavaScript</title>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="text-align : center">
   <h3>To display the domain of the server that loaded a document in JavaScript</h3>
   <p id='domain'></p>
   <script>
      document.getElementById('domain').innerHTML = 'The domain name is : '+document.location.hostname;
   </script>
</body>
</html>

执行上述代码后,将生成以下输出。

更新于:2022-12-08

406 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告