仅使用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>
    <meta charset="utf-8">
  </head>
    <p>内联JavaScript脚本</p>
    <script type="text/javascript">
      alert("Hello");
    </script>
  </body>
</html>

弹出窗效果图:

示例2:外部JavaScript脚本

sample.html

<!DOCTYPE html>
    <meta charset="utf-8">
    <script type="text/javascript" src="sample.js"></script>
  </head>
    <p>外部JavaScript脚本</p>
  </body>
</html>

sample.js

alert("Hello");

弹出窗效果图:

相关推荐:

HTML视频教程

JS视频教程

jQuery视频教程

原文链接: https://www.html.cn/qa/html5/10306.html 在元素事件中引入JS,就是指在元素的某一个属性中直接编写 JavaScript 程序或 调用 JavaScript 函数,这个属性指的是元素的“事件属性”。这节课不涉及太多编程方面的知识,先给大家说一下引用方式,这样大家至少都知道在哪编程,然后再在后面章节跟大家促膝长谈编程方面的知识。在body标签内引入 JavaScript 跟在head标签引入 JavaScript 语法格式类似,在此不再重复讲解。在页中引入JS,指的就是在标签内编写 JavaScript 。(2)页中引入(body标签内); 前言 JavaScript 是浏览器的内置脚本语言。当网页中嵌入了 JavaScript 脚本,浏览器加载网页时,就会执行脚本,从而操作浏览器,实现各种动态效果 JavaScript 代码嵌入网页的方法1、元素直接嵌入代码function sayHello() {alert("hello!");}2、元素加载外部脚本标签相关属性type属性标签默认就是 JavaScript 代码,嵌入 javascript 脚本时,... 转自:微点阅读 https://www.weidianyuedu.com JavaScript 一种直译式脚本语言。它具有功能强大和简单易用两个特征。下面是微点阅读小编为您带来的hlookup函数的使用方法,希望对大家有所帮助。 html 调用 js方法  一、 JavaScript 脚本语言的特性 JavaScript 脚本语言是一种面向浏览器的网页脚本编程语言。脚本语言有以下几个特性:  1、在客户端执行。完全在用户的计算机上运行,无须经过服务器。  2、面向对象。具有内置对象,也可以直接操作浏览 如何在 HTML 调用 JavaScript 函数?在 HTML 文档中有很多方法可以 调用 JavaScript 函数,这也不是一件容易的事。首先,我们使用了最简单的方法之一来 调用 HTML 文档中的 JavaScript 函数:在这种方法中,我们将在 HTML 文档的头部创建并定义一个函数。要在 html 文档中 调用 此函数,我们必须创建一个简单的按钮,并使用onclick事件属性(它是事件处理程序)以及它,我们可以通过单击按... 我知道的方法有3种: 第一种:外部引用远程 JavaScript 文件。如&lt;script type="text/ javascript " src="../js/jquery-1.8.3.js"&gt;&lt;/script&gt;(相对路劲)或者是&lt;script src="http://common.cnblog...