將滑塊轉換為外部javascript

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並粘貼所有代碼（inside標簽）。 html中引用了以下任何外部Java腳本文件

<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插入JavaScript文件（例如script.js）（不包括<script></script>標記）。

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

如果您不熟悉JavaScript，則可能需要查看http://www.w3schools.com/js/或訪問http://www.codeacademy.com ，以獲取從初學者JavaScript到AngularJS的不錯的交互式教程。

這是一個將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