将滑块转换为外部javascript

Question

Hi I have a slider on a page the updates a number using javascript. 嗨，我在页面上有一个滑块，使用javascript更新号码。 I need to put all javascript out of the html to an external js file. 我需要将所有javascript从html移到外部js文件。 Any help is appreciated. 任何帮助表示赞赏。 Sorry if explanation is not clear. 对不起，如果解释不清楚。 Thanks. 谢谢。

<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

You need to create a new file myjsfile.js and paste all the code (inside tag). 您需要创建一个新文件myjsfile.js并粘贴所有代码（inside标签）。 Any external java script files are reference as follows in your html html中引用了以下任何外部Java脚本文件

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

JS file JS文件

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

HTML 的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

Insert your javascript into a JavaScript file like script.js(excluding the <script></script> tags). 将您的JavaScript插入JavaScript文件（例如script.js）（不包括<script></script>标记）。

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

If you are unfamiliar with JavaScript, you may want to check out http://www.w3schools.com/js/ or visit http://www.codeacademy.com for a nice interactive tutorial ranging from beginner JavaScript up through AngularJS. 如果您不熟悉JavaScript，则可能需要查看http://www.w3schools.com/js/或访问http://www.codeacademy.com ，以获取从初学者JavaScript到AngularJS的不错的交互式教程。

Here is a plunker with a basic example of placing JavaScript in an external source http://plnkr.co/edit/ZOhpzn 这是一个将JavaScript放置在外部资源中的基本示例，网址为http://plnkr.co/edit/ZOhpzn

将滑块转换为外部javascript

问题描述

2 个解决方案

解决方案1
0 2015-07-18 05:32:58

解决方案2
0 2015-07-18 05:34:15

将滑块转换为外部javascript

问题描述

2 个解决方案

解决方案1 0 2015-07-18 05:32:58

解决方案2 0 2015-07-18 05:34:15

解决方案1
0 2015-07-18 05:32:58

解决方案2
0 2015-07-18 05:34:15