JavaScript 插件包含什么内容？

在本教程中，我们将讨论 JavaScript 中的插件。那么什么是插件呢？

插件是在文件中编写的 JavaScript 代码。此文件提供可用于各种目的的各种方法。

插件在数组中有一个条目。一个条目具有以下属性：

  • 名称 - 名称是插件名称。

  • 文件名 - 文件名是加载以使用扩展名安装插件的可执行文件。

  • 描述 - 描述是开发人员（制造商）对插件的描述。

  • mime 类型 - mime 类型是一个数组，其中每个条目都表示插件支持的 MIME 类型。

  • 长度 - 长度指定可用 MIME 类型的数量。它是插件的只读属性。

要获取 MIME 类型的详细信息，我们可以使用插件对象的 method。

方法

nameOrIndexOfMime

nameOrIndexOfMime 方法返回表示可用 Mime 类型的 Mime 类型对象，按名称或索引。它是一个指定位置的整数或表示 Mime 类型名称的字符串。

item(indexOfMime)

item(indexOfMime) 方法返回 Mime 类型对象，表示由索引关联的 Mime 类型。此整数指定 Mime 类型的位置。

namedItem(nameOfMime)

namedItem(nameOfMime) 方法返回表示按名称关联的 Mime 类型的 Mime 类型对象。它是一个表示 Mime 类型名称的字符串。

用户可以按照以下语法使用插件。

语法

navigator.mimeTypes
mimeTypes.enabledPlugin

这些是引用插件对象的属性。

var pluginInfo = navigator.plugins
pluginInfo.item (index)
pluginInfo.namedItem (name)

这些是返回插件对象的 method。

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

插件长度返回 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+ 次查看

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告