資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法學JavaScript 外掛包含什麼？
在本教程中，我們將討論 JavaScript 外掛。那麼什麼是外掛呢？
外掛是用 JavaScript 編寫的程式碼檔案。此檔案提供我們可以用於各種目的的各種方法。
外掛在陣列中有一個條目。一個條目具有以下屬性：
名稱 - 名稱是外掛名稱。
檔名 - 檔名是要載入的可執行檔案，用於安裝帶有副檔名的外掛。
描述 - 描述是開發者（製造商）對外掛的描述。
mimeTypes - mimeTypes 是一個數組，其中每個條目代表外掛支援的一種 MIME 型別。
長度 - 長度指定可用 MIME 型別的數量。它是外掛的只讀屬性。
要獲取 MIME 型別的詳細資訊，我們可以使用外掛物件的 methods。
方法
nameOrIndexOfMime
nameOrIndexOfMime 方法返回表示可用 MIME 型別（按名稱或索引）的 Mime 型別物件。它是一個整數，指定位置，或一個字串，表示 Mime 型別的名稱。
item(indexOfMime)
item(indexOfMime) 方法返回 Mime 型別物件，該物件透過索引表示關聯的 Mime 型別。這個整數指定 Mime 型別的 position。
namedItem(nameOfMime)
namedItem(nameOfMime) 方法返回 Mime 型別物件，該物件透過名稱表示關聯的 Mime 型別。它是一個字串，表示 Mime 型別的名稱。
使用者可以按照以下語法使用外掛。
語法
navigator.mimeTypes mimeTypes.enabledPlugin
這些是引用外掛物件的屬性。
var pluginInfo = navigator.plugins pluginInfo.item (index) pluginInfo.namedItem (name)
這些是返回外掛物件的 methods。
window.navigator.plugins.refresh([refresh])
window.navigator.plugins.refresh( [ refresh ] ) 方法更新當前頁面的受支援外掛和 MIME 型別的列表，如果列表有更改，則重新載入頁面。
window.navigator.plugins.length
此屬性返回外掛的數量。
plugin = window.navigator.plugins.item(index) window.navigator.plugins[index]
上面的語法返回 Plugin 物件。
plugin = window.navigator.plugins.item(name) window.navigator.plugins[name]
上面的語法返回具有給定名稱的外掛的 Plugin 物件。
window.navigator.mimeTypes.length
此屬性返回 MIME 型別的數量。
mimeType = window.navigator.mimeTypes.item(index) window.navigator.mimeTypes[index]
上面的語法返回指定的 MimeType 物件。
mimeType = window.navigator.mimeTypes.item(name) window.navigator.mimeTypes[name]
上面的語法返回給定 MIME 型別的 MimeType 物件。
plugin.length
plugin 長度返回 MIME 型別的數量。
mimeType = plugin.item(index)
plugin[index] 返回 MimeType 物件。
mimeType = plugin.item(name)
plugin[name] 返回給定 MIME 型別的 MimeType 物件。
mimeType.type
此屬性返回 MIME 型別。
mimeType.description
此屬性返回 MIME 型別的描述。
mimeType.suffixes
此屬性返回 MIME 型別的副檔名，以逗號分隔的列表形式。
mimeType.enabledPlugin
此屬性返回實現此 MIME 型別的 Plugin 物件。
window.navigator.javaEnabled
如果外掛支援 MIME 型別“application/x-java-vm”，則此屬性返回 true。
我們可以使用外掛介面向外掛新增新功能。
示例 1
在這個程式中，我們使用瀏覽器中的 navigator.plugins 訪問外掛。使用外掛物件，我們顯示外掛名稱、外掛描述和 Mime 型別。
<html> <head> <script type="text/javascript"> function getPluginInfo() { var plugTable = document.getElementById("plugTable"); var plugins = navigator.plugins; for (var i = 0; i < plugins.length; i++) { plugTable.insertRow(i); plugTable.rows[i].insertCell(0); plugTable.rows[i].cells[0].innerHTML = plugins[i].name; plugTable.rows[i].insertCell(1); plugTable.rows[i].cells[1].innerHTML = plugins[i].description; plugTable.rows[i].insertCell(2); var mimes = ""; for (var j = 0; j < plugins[i].length; j++) { mimes += plugins[i][j].description + " (type: " + plugins[i][j].type + ") < br / > "; } plugTable.rows[i].cells[2].innerHTML = mimes; } } </script> </head> <body onload="getPluginInfo ()"> <h2>JavaScript program to <i>get installed plugin details from the browser</i></h2> <table border="1px"> <thead style="font-weight: bold;"> <tr> <td>Name</td> <td>Description</td> <td>Associated MIME types</td> </tr> </thead> <tbody id="plugTable"></tbody> </table> </body> </html>
示例 2
在此示例中，我們從 navigator 訪問外掛物件。使用此物件，我們顯示總外掛數、帶索引的條目、帶名稱的條目、mine 型別和 java 啟用標誌。
<html> <head> <script type="text/javascript"> function getPluginProp() { var plugBtnWrap = document.getElementById("plugInBtnWrap"); var plugOutEl = document.getElementById("pluginDispDom"); var plugins = navigator.plugins; var pluginStr = ""; var totalPlugin = plugins.length; pluginStr += "Total Plugins: " + totalPlugin + "<br>"; pluginStr += "Plugin 1: " + plugins[0] + "<br>"; pluginStr += "Plugin Named Item: " + plugins.namedItem('name') + "<br>"; pluginStr += "Plugin Item: " + plugins.item(0) + "<br>"; pluginStr += "MimeType 1: " + navigator.mimeTypes[0] + <br>"; pluginStr += "Java Enabled: " + (window.navigator.javaEnabled()); plugOutEl.innerHTML = pluginStr; } </script> </head> <body> <h2>Getting installed plugin details from the browser</h2> <div id="plugInBtnWrap"> <p>Click the button to view the plugin properties</p> <button onclick="getPluginProp()">Click Me</button> </div> <div id="pluginDispDom"></div> </body> </html>
在本教程中，我們討論了 JavaScript 外掛屬性。外掛用途廣泛。藉助 navigator 外掛物件，我們可以在瀏覽器中訪問外掛屬性。
3K+ 瀏覽量
