Javascript 分开<；脚本>；部分_Javascript

Javascript 分开<；脚本>；部分

javascript

Javascript 分开<；脚本>；部分,javascript,Javascript,我是JS的新手。这里两个单独的脚本部分有什么意义 <html> <body> <input id="x" type="text"> <input id="y" type="text"> <input id="add" type="button" value="Add Numbers"> Result: <span id="result" /> <script type="text

我是JS的新手。这里两个单独的脚本部分有什么意义

<html>
<body>
    <input id="x" type="text">
    <input id="y" type="text">
    <input id="add" type="button" value="Add Numbers">
    Result: <span id="result" />
    <script type="text/javascript" src="lib/calculator.js"></script>
    <script>
        calculator.init();
    </script>
</body>


结果:
calculator.init（）；

在第一个脚本标记

中，包含包含计算器所有代码的文件

为了实际使用计算器函数，您需要（取决于代码）实例化它，或者像您在这里所做的那样初始化它。这是在内联代码块中执行的，因此，

calculator.init（）。请注意，您实际上可以将该文件（以及您自己的其他代码）放入另一个外部文件中，并以相同的方式导入该文件。
脚本元素既可以加载外部文件，也可以包含代码，但不能同时执行这两项操作。因此，要同时完成这两项工作，至少需要两个脚本元素
因此：


加载一个文件，然后
<script>
    calculator.init();
</script>


calculator.init（）；

运行一些代码。如果第二个元素中的代码作为第一个元素的内容包含，如：
<script src="lib/calculator.js">
    calculator.init();
</script>


calculator.init（）；

将加载外部文件，但将忽略元素内容（即calculator.init（）
）。
一个包含外部脚本，另一个定义内联脚本。不能在一个标记中同时使用这两个标记。
<script src="lib/calculator.js">
    calculator.init();
</script>