<script type="module">與<script type="text/javascript">內的function調用

HTML

結論:module內的變數不可從外部讀取(not global)

相關好文:MDNopenhome.cc


<script type = " module ">內才能使用import
<script type = " module ">自動有defer功能
想要讓<script type = " module ">內的function被html操作---用window變數
<script type = " module ">內可以讀外面的變數(所以能操作document、window很合理)


讓外部也能使用module內function的作法--window

window.addUser = function addUser() {
  var name = document.getElementById("userName").value;
  var key = document.getElementById("userKey").value;
  idbKeyval
    .set(key, name)
    .then(() => console.log("success set new key-value"))
    .catch((err) => console.log("error!" + err.message));
};


© 2021 Hamsterism. All rights reserved github