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 插件对象，我们可以在浏览器中访问插件属性。

更新于：2022年10月31日

3K+ 浏览量

启动您的 职业生涯

通过完成课程获得认证

开始
广告