代码之家  ›  专栏  ›  技术社区  ›  chris

如何在HTML脚本标记中导入JavaScript变量

  •  2
  • chris  · 技术社区  · 7 年前

    我正在使用Cordova开发一个混合应用程序,但我对JavaScript的一点经验让我无法处理这个问题。

    我创建了一个包含该插件的Cordova插件。js文件

    var exec = require('cordova/exec');
    
    var PLUGIN_NAME = 'MyCordovaPlugin';
    
    var MyCordovaPlugin = {
      echo: function(phrase, cb) {
        exec(cb, null, PLUGIN_NAME, 'echo', [phrase]);
      },
      getDate: function(cb) {
        exec(cb, null, PLUGIN_NAME, 'getDate', []);
      }
    };
    
    module.exports = MyCordovaPlugin;
    

    因为它已经出口了,我想用 MyCordovaPlugin 索引中的变量。html

    <!DOCTYPE html>
    <html>
    <head>
        <title>JavaScript View</title>
        <script type="text/javascript">
            function createTransaction(){
                window.MyCordovaPlugin.echo('echo', function() { 
    
                });
                return false;
            }
            window.onload = function(){
                var form = document.getElementById("form");
                form.onsubmit = createTransaction;
            }
        </script>
    </head>
        <body>
            <form id="form">
                <input type="submit" value="Create transaction" />
            </form>
        </body>
    </html>
    

    如何编制索引。html是否有权访问该变量?

    1 回复  |  直到 7 年前
        1
  •  1
  •   user davidism    3 年前

    要使Cordova插件可访问,您必须导入 cordova.js 在您的 index.html :

    <script type="text/javascript" src="cordova.js"></script>