|
是基于对象和事件驱动的客户端脚本 |
总结下，常用的一下几种方式引入js代码：
1、页头引入（head标签内）；
2、页中引入（body标签内）；
3、元素事件中引入（标签属性中引入）；
4、引入外部JS文件；
一、页头引入JS
在页头引入JS，指的就是在<head></head>标签内编写JavaScript。
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 <script type="text/javascript"> 6 //这里编写JavaScript程序 7 </script> 8 </head> 9 <body> 10 </body> 11 </html>
说明：
<script type="text/javascript">……</script>格式是固定的，JavaScript代码必须在<script></script>标签内编写，并且必须设置type属性值为“text/javascript”。
<script type="text/javascript">……</script>这句语句要记忆的喔，别到时候写个JavaScript程序连这句都要回来这里复制代码过去呀。
二、页中引入JS
在页中引入JS，指的就是在<body></body>标签内编写JavaScript。
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 </head> 6 <body> 7 <script type="text/javascript"> 8 //这里编写JavaScript程序 9 </script> 10 </body> 11 </html>
三、元素事件中引入JS
在元素事件中引入JS，就是指在元素的某一个属性中直接编写JavaScript程序或调用，这个属性指的是元素的“事件属性”。
1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title></title> 5 </head> 6 <body> 7 <input type="button" onClick="alert(‘绿叶学习网‘)" value="按钮"/> 8 </body> 9 </html>
四、引入外部JS文件
引入外部JS文件，说白了就是把JavaScript程序存放在一个后缀名为.js的文件中，然后使用script标签来引用。此外，引用外部JS文件的script标签可以放在head标签内，也可以放在body标签中。一般只有用些插件写在head内，大多数是写在body内最下面，因为在加载页面时css和html是先加载的。
1 <script src="js/index.js" type="text/javascript"></script>
这就是一些常用的js引入方式咯~~~~