Question

嗨我在页面上有一个滑块，使用javascript更新数字。我需要将所有javascript从html中放到外部js文件中。任何帮助表示赞赏。对不起，如果解释不清楚。感谢。

<script>
function outputUpdate(n) {
  document.querySelector('.names').value = n;
}
</script>

<form name="infonum">
<textarea rows="3" name="output" onclick="this.select()"></textarea><br />
<input type="button" class="button" value="Go" onclick="populateform(this.form.names.value)"><br />
<input type=range class=rangeInput name="numnames" min=1 value=1 max=15 step=1 oninput="outputUpdate(value)"><br />
<output for=rangeInput class=names>5</output>
</form>

Answer 1

您需要创建一个新文件myjsfile.js并粘贴所有代码（内部标记）。任何外部java脚本文件在您的html中引用如下

<html>
<head>
<script type="text/javscript" src="myjsfile.js"></script>
....

JS档案

function outputUpdate(n) {
  document.querySelector('.names').value = n;
}

HTML

<html>
<head>
    <script type="text/javscript" src="myjsfile.js"></script>
</head>
<body> 
<form name="infonum">
<textarea rows="3" name="output" onclick="this.select()"></textarea><br />
<input type="button" class="button" value="Go" onclick="populateform(this.form.names.value)"><br />
<input type=range class=rangeInput name="numnames" min=1 value=1 max=15 step=1 oninput="outputUpdate(value)"><br />
<output for=rangeInput class=names>5</output>
</form>
</body>
</html>

Answer 2

将您的javascript插入到script.js等JavaScript文件中（<script></script>标记除外）。

<script src="javascript/script.js"></script>

如果您不熟悉JavaScript，可能需要查看http://www.w3schools.com/js/或访问http://www.codeacademy.com以获得从初学者JavaScript到AngularJS的精彩互动教程。

这是一个plunker，其中包含将JavaScript放在外部源http://plnkr.co/edit/ZOhpzn

中的基本示例

将滑块转换为外部JavaScript

2 个答案: