資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法學如何使用 JavaScript 獲取網頁的協議（http 或 https）？
在本教程中，我們將學習如何查詢網頁正在使用的協議。網頁主要使用 http 或 https 協議。協議是一種標準，用於指定如何在不同的計算機之間傳輸資料。
HTTP − HTTP 是一種用於檢索資源（如 HTML 頁面）的協議。它是網際網路上所有型別資料交換的最重要和基礎協議之一。HTTP 是一種客戶端-伺服器協議，這意味著所有請求都由客戶端（通常是 Web 瀏覽器）發出。完整的文件由許多子文件構成，例如文字、照片、影片、指令碼等。
HTTPS − HTTPS 或超文字傳輸協議安全 (Hyper Text Transfer Protocol Secure) 是 HTTP 協議的加密變體。客戶端和伺服器之間的所有通訊都使用 SSL 或 TLS 進行加密。此安全連線使客戶端能夠以安全的方式與伺服器通訊敏感資料，例如線上銀行業務或線上購物。
我們將使用 window.location.protocol 或 url.protocol 來獲取頁面或指定 URL 使用的協議。它將返回諸如以下協議：
HTTP
HTTPS
FTP
MAILTO
FILE
語法和引數
返回當前頁面的協議
windows.location.protocol
返回其他頁面或 URL 的協議
url = new URL("https://www.url.com/")
proto = url.protocol
返回值 − 它返回一個 String 型別的資料物件。該字串包含網頁或傳遞給函式的 url 當前使用的協議的值。
例如，https://tutorialspoint.tw/ 將返回 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>
在上面的程式碼中，我們查詢當前頁面使用的協議，我們使用 window.location 查詢當前頁面的 url，然後使用 url.protocol 方法獲取當前頁面的協議，它是 https −
Window.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。我們詳細瞭解了這兩種協議，包括它們的工作方式以及它們主要的使用場景。除了這些主題之外，我們還學習瞭如何使用 window.location.protocol 或 url.protocol 來查詢網頁中使用的協議。
895 次瀏覽
