javaScprit常见问题及思想总结

最新推荐文章于 2024-07-30 10:56:44 发布

猫猫教大弟子

最新推荐文章于 2024-07-30 10:56:44 发布

阅读量134

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/m0_74309384/article/details/133267445

版权

在这里插入代码片# 系列文章目录
提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加
例如：第一章 js引入问题

提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

前言
一、js引入方式
- 1.内部引入
- 2.外部形式
二、常见错误
总结

前言

提示：这里可以添加本文要记录的大概内容：

例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。

提示：以下是本篇文章正文内容，下面案例可供参考

一、js引入方式

1.内部引入

通过 script 标签包裹 JavaScript 代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScript 基础 - 引入方式</title>
</head>
<body>
  <!-- 内联形式：通过 script 标签包裹 JavaScript 代码 -->
  <script>
    alert('你好！')
  </script>
</body>
</html>

2.外部形式

当JS代码比较多的时候推荐用这种，
一般将 JavaScript 代码写在独立的以 .js 结尾的文件中，然后通过 script 标签的 src 属性引入

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScript 基础 - 引入方式</title>
</head>
<body>
  <!-- 外部形式：通过 script 的 src 属性引入独立的 .js 文件 -->
  <script src="demo.js"></script>
</body>
</html>

二、常见错误

如果 script 标签使用 src 属性引入了某 .js 文件，那么标签的代码会被忽略！！！如下代码所示

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JavaScript 基础 - 引入方式</title>
</head>
<body>
  <!-- 外部形式：通过 script 的 src 属性引入独立的 .js 文件 -->
  <script src="demo.js">
    // 此处的代码会被忽略掉！！！！
  	alert(666);  
  </script>
</body>
</html>

总结

注意script标签使用，不要把内部式和外部式的用法混在一起。
ps:这里推荐用外部是式，代码会更简洁，同时便于大家后续修改

猫猫教大弟子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
javaScprit常见问题及思想总结

例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考注意script标签使用，不要把内部式和外部式的用法混在一起。ps:这里推荐用外部是式，代码会更简洁，同时便于大家后续修改。
复制链接

扫一扫