zl程序教程

您现在的位置是:首页 >  前端

当前栏目

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

JavaScript网页协议HTTPHTTPS 如何 返回 使用
2023-09-11 14:18:27 时间

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

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

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

我们将使用 windows.location.protocol 或 url.protocol 来获取页面正在使用的协议或指定的 URL。它将返回协议,例如 -

语法和参数

返回当前页面的协议

windows.location.protocol

返回其他某个页面或 URL 的协议

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

返回 − 它返回数据类型为 String 的对象。该字符串包含网页当前正在使用的协议的值或已传递给函数的 url。

例如,https://www.10zhan.com/ 将返回https -

而 http://www.10zhan.com/~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.10zhan.com/~fdc/sample.html"); document.write("https or https: <br>The protocol is: "+ url_object.protocol); </script> </body> </html>

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

例 3

  • HTTP

  • HTTPS

  • FTP

  • MAILTO

  • FILE

<!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 页面正在使用的协议,我们使用新的 URL 创建一个新的 url,然后我们使用 url.protocol 方法来获取当前页面的协议,即 mailto -

结论

在本教程中,我们看到了如何查找网页正在使用的协议。我们讨论的两个协议是:HTTP和HTTPS。我们详细了解了这两种协议,包括它们的工作原理以及它们最常使用的位置。除了这些主题之外,我们还看到了如何使用windows.location.protocolurl.protocol来查找网页中使用的协议。