HTML如何调用JavaScript?

仅使用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>

弹出窗效果图:

2b1917b0810fb37656cdaaf08d35eaf.png

示例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");

弹出窗效果图:

2b1917b0810fb37656cdaaf08d35eaf.png

以上就是HTML如何调用JavaScript?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » HTML5 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏