在html中调用外部.js文件 [英] call external .js file in html
问题描述
我有一个 array.js
文件和一个 index.html
。
我的 array.js
文件如下所示:
function go(){
var array = new Array();
array [0] =红色;
array [1] =蓝色;
array [3] =绿色;
for(var i = 0; i< array.length; i ++){
document.write(< li> + array [i] +< br />) ;
code
$ b我的 index.html
> / code>文件看起来像这样:
< html>
< head>
< script type =text / javascriptsrc =array.js>< / script>
< / head>
< body>
< input type =buttononclick =go()value =Display JS Array/>
< script>
go();
< / script>
< / body>
< / html>
当我点击显示JS Array
按钮在HTML页面上,没有任何反应。
我想单击按钮后显示数组元素。
应该如下所示:
- 红色
- 蓝色
- Green
解决方案替换 document.write (< li> + array [i] +< br />); with document.write(< li> i] +< / li>);
在您的HTML文件中,移除
< script>
go();
< / script>
因为已经调用了go();功能onclick。在你的数组中,数组[2]会给出未定义的。
试试这个对我有用:
< html>
< head>
< script type =text / javascript>
函数go(){
var array = new Array();
array [0] =红色;
array [1] =蓝色;
array [2] =绿色;
li = document.getElementById(list);
li_arr =;
for(var i = 0; i< array.length; i ++){
li_arr + =< li> + array [i] +< / li>;
}
li.innerHTML = li_arr;
}
< / script>
< / head>
< body>
< input type =buttononclick =go()value =Display JS Array/>
< ul id =list>< / ul>
< / body>
< / html>
I have an array.js
file and an index.html
.
My array.js
file looks like this:
function go(){
var array = new Array();
array[0] = "Red";
array[1] = "Blue";
array[3] = "Green";
for (var i=0; i < array.length; i++){
document.write("<li>" + array[i] + "<br />");
}
}
My index.html
file looks like this:
<html>
<head>
<script type="text/javascript" src="array.js"></script>
</head>
<body>
<input type="button" onclick="go()" value="Display JS Array"/>
<script>
go();
</script>
</body>
</html>
When I click the Display JS Array
button on the HTML page, nothing happens.
I want the array elements to be displayed after I click the button.
It should look like:
- Red
- Blue
- Green
解决方案 replace this document.write("<li>" + array[i] + "<br />");
with document.write("<li>" + array[i] + "</li>");
and in your HTML file, remove
<script>
go();
</script>
because already you calling go(); function on onclick. and in your array, array[2] will give undefined.
try this its working for me :
<html>
<head>
<script type="text/javascript">
function go(){
var array = new Array();
array[0] = "Red";
array[1] = "Blue";
array[2] = "Green";
li = document.getElementById("list");
li_arr = "";
for (var i=0; i < array.length; i++){
li_arr += "<li>" + array[i] + "</li>";
}
li.innerHTML = li_arr;
}
</script>
</head>
<body>
<input type="button" onclick="go()" value="Display JS Array"/>
<ul id="list"></ul>
</body>
</html>
这篇关于在html中调用外部.js文件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!