与html文件相似，javascript文件也是文本文件，只是后缀要更改为.js。在开始编写javascript程序之前，先来了解一下。javascript脚本的使用方式。第一种是 javascript脚本程序直接写在html文件内部。第二种是以js文件方式存在html外面需要的时候用script标签引用到html文件内。

1 html文件内部使用时，可以放置在head标签内或者放置在body标签内部，当然，两种方法的效果会有稍微差别，但是功能是一样的。

2 在html外面的脚本要引用到html内使用时也是在head和body标签内调用。

先看一下在body内使用javascript的例子。


<html>
<body> 

<A Web Page</h1>
<p id="pid">body内部使用javascript </p>
<button type="button" onclick="clickFunction()">点击调用</button>

<script type="text/javascript">
function clickFunction() {
   document.getElementById("pid").innerHTML = "段落被更改。使用body
   内的javascript";
}
</script>

</body>
</html>

把上面的script之间的代码一定到head里面功能是一样的。

<html>
<head> 
<script type="text/javascript">
function clickFunction() {
   document.getElementById("pid").innerHTML = "段落被更改。使用body
   内的javascript";
}
</script>
</head>
<body>
<A Web Page</h1>
<p id="pid">body内部使用javascript </p>
<button type="button" onclick="clickFunction()">点击调用</button>

</body>
</html>

把script内部的代码存储为test.js文件，然后调用。 <script src="test.js" type="text/javascript"></script> 放在上面的例子位置同样可以执行。

外部文件的使用有以下有点：

分离了 HTML 和代码
使 HTML 和 JavaScript 更易于阅读和维护
已缓存的 JavaScript 文件可加速页面加载
同一个js可以被多个html文件使用

PLC学习，机器人学习，C++ 机械制图，电气制图，尽在灵犀学习网

查询数据库lingxiedu 进行访问统计

总访问量:---6354----

第3课 第一个javascript文件

第3课第一个javascript文件