主页 / 编程学习 /

在HTML中使用JavaScript的两种方法

编程学习 2021-07-04 14:07www.dzhlxh.cn编程入门
这篇文章主要介绍了在HTML中使用JavaScript的两种方法，帮助大家更好的理解和制作网页，感兴趣的朋友可以了解下

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

直接在页面嵌入JavaScript代码

在使用<script>标签嵌入JavaScript代码时，只需为<script>指定type属性。然后，像狼蚁网站SEO优化这样把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>

<script>的type属性可以不要，这是因为当初标准的制定者认为标签内嵌入还可能会嵌入其他语言，需要用type来指定标签内的语言，但是发展到至今大家已经知道，这里只会嵌入JavaScript，目前所有浏览器的默认值就是text/javascript。

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的资料请关注狼蚁SEO其它相关文章！

上一篇：vue+openlayers绘制省市边界线 下一篇：vue项目中openlayers绘制行政区划

编程语言

Copyright © 2016-2025 www.dzhlxh.cn 金源码 版权所有 Power by

网站模板下载|网络推广|微博营销|seo优化|视频营销|网络营销|微信营销|网站建设|织梦模板|小程序模板