在HTML中引用JavaScript的方法有两种:内联JavaScript脚本、外部JavaScript脚本。
方法1:内联JavaScript脚本
内联脚本是一种使用<script>标签直接在HTML中嵌入JavaScript代码的方法。
语法:
<script type="text/javascript"> //javascript代码 </script>
示例:当访问页面时,弹出一个显示“Hello”的警告框
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <p>内联JavaScript脚本</p> <script type="text/javascript"> alert("Hello"); </script> </body> </html>
弹出窗效果图:
方法2:外部JavaScript脚本
外部脚本是使用<script>标签和src属性将外部的JavaScript脚本文件连接到HTML中的方法;这通常用于网页设计领域。
语法:
<script type="text/javascript" src="sample.js"></script>
在HTML中嵌入上述代码,就可将编写了JavaScript脚本的外部JavaScript文件导入HTML中,这样HTML就可调用JavaScript。
示例:当访问页面时,弹出一个显示“Hello”的警告框
sample.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script type="text/javascript" src="sample.js"></script> </head> <body> <p>外部JavaScript脚本</p> </body> </html>
sample.js
alert("Hello");
弹出窗效果图:
以上就是HTML怎么引用javascript?的详细内容,更多请关注0133技术站其它相关文章!