如何使用 JavaScript 获取网页的协议(http 或 https)?


在本教程中,我们将学习如何查找网页正在使用的协议。网页主要使用 http 或 https 协议。协议是一种标准,用于指定不同计算机之间如何传输数据。

HTTP − HTTP 是一种用于检索资源(例如 HTML 页面)的协议。它是互联网上所有类型数据交换最基本和最重要的支柱。HTTP 是一种客户端-服务器协议,这意味着所有请求都由客户端(主要是 Web 浏览器)发出。完整的文档由许多子文档构成,例如文本、照片、视频、脚本等。

HTTPS − HTTPS 或超文本传输协议安全 (Hyper Text Transfer Protocol Secure) 是 HTTP 协议的加密变体。客户端和服务器之间的所有通信都使用 SSL 或 TLS 进行加密。这种安全连接使客户端能够以安全的方式与服务器通信敏感数据,例如在线银行业务或在线购物。

我们将使用 windows.location.protocolurl.protocol 获取页面或指定 URL 使用的协议。它将返回以下协议:

  • HTTP

  • HTTPS

  • FTP

  • MAILTO

  • FILE

语法和参数

返回当前页面的协议

windows.location.protocol

返回其他页面或 URL 的协议

url = new URL("https://www.url.com/")
proto = url.protocol

返回值  它返回一个字符串类型对象。该字符串包含网页或传递给函数的 url 当前使用的协议的值。

例如,https://tutorialspoint.com/ 将返回 https −

而 http://www.columbia.edu/~fdc/sample.html 将返回 http −

示例 1

<!DOCTYPE html> <html> <body> <script> document.write("https or https: <br>The protocol is: "+window.location.protocol); </script> </body> </html>

在上面的代码中,我们查找当前页面使用的协议,我们使用 windows.location 查找当前页面的 url,然后使用 url.protocol 方法获取当前页面的协议,即 https −

Windows.location  window.location 对象用于检索当前页面地址(即 URL),也可以用于将浏览器重定向到不同的页面。

让我们通过一个例子来了解一下。

示例 2

<!DOCTYPE html> <html> <body> <script> url_object = new URL("http://www.columbia.edu/~fdc/sample.html"); document.write("https or https: <br>The protocol is: "+ url_object.protocol); </script> </body> </html>

在上面的代码中,我们查找 url 页面使用的协议,我们使用 new URL 创建一个新的 url,然后使用 url.protocol 方法获取当前页面的协议,即 http −

示例 3

<!DOCTYPE html> <html> <body> <script> url_object = new URL("mailto:xyz@gmail.com"); document.write("https or https: <br>The protocol is: "+ url_object.protocol); </script> </body> </html>

在上面的代码中,我们查找 url 页面使用的协议,我们使用 new URL 创建一个新的 url,然后使用 url.protocol 方法获取当前页面的协议,即 mailto 

结论

在本教程中,我们学习了如何查找网页正在使用的协议。我们详细讨论了两种协议:HTTP 和 HTTPS。我们详细了解了这两种协议,包括它们的工作方式以及它们主要的使用场景。除了这些主题之外,我们还学习了如何使用 windows.location.protocolurl.protocol 来查找网页中使用的协议。

更新于:2022年11月7日

895 次浏览

启动你的职业生涯

完成课程获得认证

开始学习
广告
© . All rights reserved.