仅使用HTML和CSS创建动态网页很困难。例如,仅使用CSS是无法很好完成下拉菜单和滑入式页面的,这是一项很难的技术。此时就需要使用JavaScript,那么如何在HTML中调用JavaScript?下面本篇文章就来给大家介绍一下在HTML中调用JavaScript的方法,希望对大家有所帮助。
如何调用JavaScript?
在HTML中调用JavaScript的方法有两种:内联JavaScript脚本、外部JavaScript脚本。
1、内联JavaScript脚本
内联脚本是一种使用<script>标签直接在HTML中嵌入JavaScript代码的方法。
语法:
<script type="text/javascript">
//javascript代码
</script>
2、外部JavaScript脚本
外部脚本是使用<script>标签和src属性将外部的JavaScript脚本文件连接到HTML中的方法;这通常用于网页设计领域。
语法:
<script type="text/javascript" src="sample.js"></script>
在HTML中嵌入上述代码,就可将编写了JavaScript脚本的外部JavaScript文件导入HTML中,这样HTML就可调用JavaScript。
在HTML中调用JavaScript的示例
当访问页面时,弹出一个显示“Hello”的警告框
示例1:内联JavaScript脚本
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>内联JavaScript脚本</p>
<script type="text/javascript">
alert("Hello");
</script>
</body>
</html>
弹出窗效果图:
示例2:外部JavaScript脚本
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视频教程
JS视频教程
jQuery视频教程
更多推荐
HTML如何调用JavaScript?
发布评论