大家都知道HTML是静态的,想要网站能有动起来,就要引入JavaScript代码,现在就给大家来讲解一下怎么在HTML页面中引入JavaScript,我们先来看一下简单的案例,也不需要大家理解,只要知道动态页面需要引入JavaScript才能够动起来,至于代码为什么要这么写,我们后面会慢慢的讲道。
JavaScript引用方法
在HTML页面中引入JavaScript有两种方法,一种是外部引用,一种是内部引用(内部引用分为头部引用、页面中引用,元素引用)。
下面我们通过一些案例来了解JavaScript的引入方法
案例一:(外部引用)
<script type=“text/javascript” src=“https://域名/JS文件名.js”></script>
说明:通过src从外部调用JS文件的方式称为外部调用。
案例二:(内部引用之头部引用 head标签内 )
<!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript"> //这里编写JavaScript代码 </script> </head> <body> </body> </html>
说明:在<head></head>标签中插入的JavaScript代码就称为头部引用。
案例三:( 内部引用之页面中引用 body标签内 )
<!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript"> document.write("这是我通过自己的理解编写的一套JavaScript入门教程"); </script> </head> <body> </body> </html>

说明:在<body></body>标签中编写的JavaScript代码就称为页面中引用。
案例四:( 内部引用之 元素引用)
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <input type="button" onClick="alert('站宝库-www.zhanbaoku.com')" value="按钮"/> </body> </html>
总结:
HTML中引用JavaScript的方法有四种, 外部引入、head标签内 、 body标签内 、 元素中引入 。这些方法都非常重要,必须要掌握。