在HTML中使用JavaScript的两种方法

更新时间：2020年12月24日 10:29:27 作者：itbsl

这篇文章主要介绍了在HTML中使用JavaScript的两种方法，帮助大家更好的理解和制作网页，感兴趣的朋友可以了解下

在HTML中使用HTML需要借助<scirpt>标签,使用<script>标签的方式有两种:一种是直接在<script>标签中嵌入JavaScript代码，另一种是用<script>的src属性引入外部JavaScript文件。

直接在页面嵌入JavaScript代码

在使用<script>标签嵌入JavaScript代码时，只需为<script>指定type属性。然后，像下面这样把JavaScript代码直接放在标签内部即可:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>title</title>
  <script type="text/javascript">
    var word = "Hello, itbsl";
    alert(word);
  </script>
</head>
<body>
</body>
</html>

HTML文件内可以嵌入任意多个script标签。

引入外部JavaScript文件

如果要通过<script>标签包含外部JavaScript文件，那么src属性是必须的。这个属性的值是一个指向外部JavaScript文件的链接，例如:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>title</title>

  <script type="text/javascript" src="./js/example.js"></script>

</head>
<body>
</body>
</html>

注意：带有src属性的<script>标签不应该在其<script>和</script>标签之间再嵌入任何JavaScript代码。如果嵌入了额外的JavaScript代码，则只会下载并执行src引入的外部脚本文件，嵌入的代码会被忽略。

以上就是在HTML中使用JavaScript的两种方法的详细内容，更多关于HTML中使用JavaScript的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

js 对象是否存在判断
js 对象是否存在，然后进行下一步的操作。
2009-07-07
javascript用户注册提示效果的简单实例
这个可以增加用户验证，不用js alert来作提示，而是在右边提示，现在很多网站都这样做，有需要的朋友可以参考一下
2013-08-08
基于Bootstrap实现tab标签切换效果
这篇文章主要为大家详细介绍了基于Bootstrap实现tab标签切换效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-05-05
JS实现json的序列化和反序列化功能示例
这篇文章主要介绍了JS实现json的序列化和反序列化功能,结合具体实例形式分析了javascript针对json的序列化与反序列化相关实现技巧,需要的朋友可以参考下
2017-06-06
用JavaScript实现用一个DIV来包装文本元素节点
当我试图将文本(可能也包含HTML元素)用一个DIV元素包起来时，可以使用下面的方法，需要的朋友可以参考下
2014-09-09
异步加载JS、CSS代码（推荐）
这篇文章主要介绍了异步加载JS、CSS代码的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
2016-06-06
js实现的二级横向菜单条实例
这篇文章主要介绍了js实现的二级横向菜单条,是非常美观简洁的二级导航条效果,可实现针对鼠标事件的动态响应及页面样式切换功能,简单实用,需要的朋友可以参考下
2015-08-08
bootstrap快速制作后台界面
这篇文章主要为大家详细介绍了如何利用bootstrap快速制作后台界面,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
浅谈bootstrap源码分析之scrollspy(滚动侦听)
下面小编就为大家带来一篇浅谈bootstrap源码分析之scrollspy(滚动侦听)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-06
JavaScript检测上传文件大小的方法
这篇文章主要介绍了JavaScript检测上传文件大小的方法,涉及javascript针对上传文件的相关判定技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-07-07