包括JS在HTML文件中正確使用功能

我有2個文件....一個HTML和JS一個....包括JS在HTML文件中正確使用功能

的html代碼：

<!DOCTYPE html 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

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

    <title> Sign In And Registration Page </title> 
</head> 

<body> 

    <div id="headerTag"> 
    </div> 

    ///codes here.... 

</body> 
</html>

JS代碼：一些功能在這裏表演上點擊操作.....

function onClickOperation() 
    { 
     ///here codes.. 
    }

問題是功能不被稱爲...當我直接在HTML文件放在同一個js代碼，工程....我有什麼要從s中加載這些函數獨一無二的js文件？

來源

2017-03-01 TrioHaydos

請在你要調用函數的地方添加html標記，以及你在哪裏hav e這兩個文件在同一個目錄中嗎？ –

嘗試在身體和公正的</body>標記之前包裹的腳本：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title> Sign In And Registration Page </title> 
</head> 
<body> 

    <div id="headerTag"> 
    </div> 

    ///codes here.... 
    <script type="text/javascript" src="external.js"></script> 
</body> 
</html>

來源

2017-03-01 13:53:12 Gobbin

external.js應該有DOM後調用的代碼加載完成後，像這樣

document.addEventListener('DOMContentLoaded',function(){ 
// code here 
});

，或者它應該被包含在body標記下面，它應該與之互動的DOM元素

來源

2017-03-01 13:58:03 levi

包括JS在HTML文件中正確使用功能

回答

相關問題