Question

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

＆＃xA;＆＃xA;

 ＆lt; html＆gt;＆＃xA;＆lt; body＆gt;＆＃xA; ＆lt; input id =“x”type =“text”＆gt;＆＃xA; ＆lt; input id =“y”type =“text”＆gt;＆＃xA; ＆lt; input id =“add”type =“button”value =“Add Numbers”＆gt;＆＃xA;结果：＆lt; span id =“result”/＆gt;＆＃xA; ＆lt; script type =“text / javascript”src =“lib / calculator.js”＆gt;＆lt; / script＆gt;＆＃xA; ＆LT;脚本＆GT;＆＃XA; calculator.init（）;＆＃XA; ＆LT; /脚本＆GT;＆＃XA;＆LT; / BODY＆GT;＆＃XA;

＆＃XA;＆＃XA;  ＆＃XA;

Answer 1

脚本元素既可以加载外部文件，也可以包含代码，但不能同时执行这两种操作。所以要做到这两点，至少需要两个脚本元素。

所以：

<script src="lib/calculator.js"></script>

加载文件，

<script>
    calculator.init();
</script>

运行一些代码。如果第二个元素中的代码包含在第一个元素的内容中，例如：

<script src="lib/calculator.js">
    calculator.init();
</script>

将加载外部文件，但将忽略元素内容（即calculator.init()）。

Answer 2

在第一个脚本标记<script type="text/javascript" src="lib/calculator.js"></script>中，您将包含包含计算器所有代码的文件。

为了实际使用计算器函数，您需要（取决于代码）实例化它，或者像在此处一样初始化它。这是你在内联代码块中进行的，因此<script> calculator.init(); </script>。请注意，您实际上可以将此（以及您自己的其他代码）放在另一个外部文件中，并以相同的方式导入它。

单独的<script>部分

2 个答案: