Fatal编程技术网
  • javascript/
  • 在text/Javascript html脚本标记中使用Javascript模块

在text/Javascript html脚本标记中使用Javascript模块

javascript html import module

在text/Javascript html脚本标记中使用Javascript模块,javascript,html,import,module,global-variables,Javascript,Html,Import,Module,Global Variables,我基本上在所有html文件中都使用了一些javascript函数。因此，我决定花时间创建几个模块，并将它们导入到包含全局包的php脚本文件中。问题是，在将这些模块函数全局导入.js文件后，尝试在我的标记中使用这些模块函数后，我不断收到未定义变量在声明之前使用的错误。因此，我只是将对象变量设置为全局变量，并使用全局对象函数。但我仍然对使用导入的模块语法感兴趣，因为它将减少要声明的文件数量和维护时间 有人能告诉我如何在html文件的标记中使用导入的模块函数吗 这是我的firstMod.js函数： v

我基本上在所有html文件中都使用了一些javascript函数。因此，我决定花时间创建几个模块，并将它们导入到包含全局包的php脚本文件中。问题是，在将这些模块函数全局导入
.js
文件后，尝试在我的
标记中使用这些模块函数后，我不断收到
未定义变量在声明之前使用的错误。因此，我只是将对象变量设置为全局变量，并使用全局对象函数。但我仍然对使用导入的模块语法感兴趣，因为它将减少要声明的文件数量和维护时间

有人能告诉我如何在html文件的
标记中使用导入的模块函数吗

这是我的
firstMod.js
函数：


var Alert = (function(){
    var _privateOne = function (msg /* String message */, hail /* String message exclaimed */, colour /* String bootstrap css */, 
        el /* String element to append */) {
        let view_alert = $('#' + el);
        let alert = `<div class="alert alert-${colour} alert-dismissible fade show" role="alert">
        <strong>${hail}!</strong> ${msg}
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
        </button>
        </div>`;
        view_alert.append(alert);
    }

    var alertUser = function (msg /* String message */, hail /* String message exclaimed */, colour /* String bootstrap css */, 
        el /* String element to append */) {
        _privateOne(msg, hail, colour, el);
      }
    
      return {
        alertUser: alertUser
      }
})();

export {Alert}



我尝试在html文件中使用这些模块


//...
<body>
    <script type="text/javascript">
    let alertUser = Alert.alertUser; // gives error that Alert is undefined
    alertUser('Message', 'Message exclamation', 'success', 'view_notify);
    </script>
</body>
//...



/。。。
让alertUser=Alert.alertUser；//给出未定义警报的错误
alertUser（'消息'，'消息感叹'，'成功'，'查看\通知'）；
//...


有人能给我指点一下吗


//...
<body>
    <script type="text/javascript">
    let alertUser = Alert.alertUser; // gives error that Alert is undefined
    alertUser('Message', 'Message exclamation', 'success', 'view_notify);
    </script>
</body>
//...