第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

JS 導入模塊并在頁面加載時運行

JS 導入模塊并在頁面加載時運行

慕慕森 2022-06-16 14:50:09
我想使用從另一個(generateObject.js)文件導入的html onload事件和console.log文本調(diào)用我的函數(shù)main(),但是當我導入函數(shù)時,onload事件停止工作并且不再使用函數(shù)main()。html:<!DOCTYPE html><html>  <head>    <script type="text/javascript" src="main.js"></script>    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>  </head>  <body onload="main()">  </body></html>生成對象.js:export function hello() {    return "Hello";}主.js:import { hello } from './generateObject.js';function main(){      console.log(hello());}main();當我嘗試使用它時console.log("text"),main()它可以工作,但是當我嘗試使用導入的函數(shù)時,它就不行了。我應(yīng)該怎么做才能解決這個問題?Chrome 控制臺中的錯誤:Uncaught SyntaxError: Cannot use import statement outside a module (main.js:1)index.html:8 Uncaught ReferenceError: main is not defined at onload (index.html:8)
查看完整描述

3 回答

?
哈士奇WWW

TA貢獻1799條經(jīng)驗 獲得超6個贊

模塊將有自己的范圍。它們不像普通腳本那樣在全局范圍內(nèi)可用。所以它只能main.js在你的情況下訪問。


要使其工作,您需要將其顯式添加到全局范圍。


import { hello } from './generateObject.js';

function main(){

      console.log(hello());

}


window.main = main;

或者,您可以從 HTML 中刪除事件處理程序并將其添加到 JS 文件中。


html


<!DOCTYPE html>

<html>

  <head>

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

    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

  </head>

  <body>

  </body>

</html>

main.js


import { hello } from './generateObject.js';

function main(){

      console.log(hello());


window.addEventListener('load', main)


查看完整回答
反對 回復 2022-06-16
?
qq_笑_17

TA貢獻1818條經(jīng)驗 獲得超7個贊

生成對象.js:

export function hello() {

    return "Hello";

}

主.js:

import { hello } from './generateObject.js';

function main(){

      console.log(hello());


main();


查看完整回答
反對 回復 2022-06-16
?
茅侃侃

TA貢獻1842條經(jīng)驗 獲得超21個贊

您應(yīng)該在 main.js 的末尾添加對 main 函數(shù)的調(diào)用。試著寫main();在文件的底部。



查看完整回答
反對 回復 2022-06-16
  • 3 回答
  • 0 關(guān)注
  • 152 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號