javascript：

　  是基于对象和事件驱动的客户端脚本
【组成】
　　Bom：浏览对象模型（与浏览器交互的方法和接口）
　　Dom:文档对象模型（处理网页内容的方法和接口）
　　ecma：核心(描述了js的语法和基本对象)

 

总结下，常用的一下几种方式引入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，可以使用<noscript></noscript>标签，显示noscript中的内容

这就是一些常用的js引入方式咯~~~~

 

版权声明：本文为zxnn原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/zxnn/p/8206629.html