包括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文件中正确使用功能

回答

相关问题