卖坚果的怪叔叔 卖坚果的怪叔叔
  • 首页
  • 生活
  • 技术
  • 记录
  • 工具箱
  • 关于我
首页 › 技术 › 重学 JS 之在 HTML 中使用 JavaScript

重学 JS 之在 HTML 中使用 JavaScript

坚果大叔
2019-05-27 17:52:51技术阅读 3,100

重学 JS 之在 HTML 中使用 JavaScript-卖坚果的怪叔叔

1. 如何在页面中使用JavaScript

21. 如何在页面中使用JavaScript

现在在HTML中使用JS 的方法主要是通过在页面插入

元素内部使用方法:

<script type="text/javascript">
    alert('abc')    
</script>

注意事项:

1、包含在 script 中的代码将依次从上往下依次执行

2、值得注意的是在js代码解析的过程中页面中其他内容将不会被加载和解析,直到该段js执行完成。

3、在书写的过程要注意,在script代码块中,不能在代码闭合标签 之前在出现闭合标签,这样会导致代码产生错误。

4、外部引用js的时候闭合标签可以省略,但是为了在IE中正确执行,建议不省略

5、如果你使用的是src引入外部js,那么在script标签之间不能再有内嵌js块

6、src引用外域js文件的时候要注意安全,因为这样可能会被替换js文件而导致安全问题。

7、js 代码块在页面中是顺序执行的,只有第一个全部执行完成之后才会顺序执行后面的。

一般按照惯例js代码的引入应该放在 之中,但是由于 js 代码在执行的时候页面其他元素将不能被加载这样会导致页面的交互性很差,所以现在一般将js代码放在闭合标签之前,所有页面html 之后,这样可以不会因为js的加载而影响页面的加载。

<html>
    <head>
        <title>demo</title>
    </head>
    <body>
        <script type="text/javascript" src="a.js"></script>
    </body>
</html

defer: 脚本在执行的时候不会影响页面的构造,因为js的执行会被延迟到页面全部加载之后才运行

async: 脚本和页面的加载将同步执行。

在页面中使用Javascript有两种方式,一种通过src引入外部脚本,一种是在script标签之间插入js代码。

1、 使用这两种方式都需要把 type 设置 为 text/javascript

2、 在包含外部js文件的时候,必须将src 设置为指向相应文件的url

3、 所有 script 代码会按照他们在页面的顺序按序执行,只有之前的被执行完成后续的才会被执行

4、 浏览器在呈现内容之前,必须先解析html之前的script代码,所以一定要将script代码放在页面的最后

JavaScript
赞赏 赞(0)
本文系作者 @坚果大叔 原创发布在 卖坚果的怪叔叔。未经许可,禁止转载。
ES6入门之对象的新增方法
上一篇
Node.js内置模块
下一篇
在小程序中查看

这是个😊,挣点服务器费用😜

热门文章
Element Plus Upload 添加支持拖拽排序~
一些装机单
清明假期~
Vue 安装 vuex sass 和 引入 Jq
下班路上
WeTool- 微信社群管理工具 , 高效稳定助力社群运营~
专题标签
agent (1) CSS (15) dom (1) Es6入门系列 (14) Git (3) html (1) iview (1) JavaScript (9) js (4) Lif (1) Node (4) pyecharts (1) Python (10) ref (1) scriptable (1) Skill (1) vsCode (1) vue (4) wordpress (2) 三月 (1) 上海 (1) 假期 (1) 其他分享 (3) 前端两三问 (15) 古镇 (1) 外滩 (1) 对象 (1) 小程序 (5) 年度总结 (6) 年终总结 (1) 微信机器人 (4) 打字机 (1) 技术 (1) 日常问题 (8) 日常问题记录 (1) 春天 (2) 服务器 (2) 海族馆 (1) 生活 (8) 网上国网 (1) 记录 (3) 通勤 (1) 重学JavaScript (11) 面试题 (10) 🌸 (1)
什么是Agent?
2026-08-15 23:49:12
429 0 2
什么是 Skill?
2026-08-12 21:32:42
348 1 0
失业在家,我给小朋友做了一个练字小程序!
2026-08-07 16:21:52
690 10 1
上线8年,15万用户的小程序,一共赚了多少钱?
2026-05-30 18:01:24
4,683 4 0
  • 0
博主

一位佛系的前端开发者,略通摄影,乐于尝试新事物,热衷于美食。

友链
故事胶片
公众号
坚果大叔 执行上下文 卖坚果的怪叔叔 Dacking
Copyright © 2017-2026 卖坚果的怪叔叔

开往-友链接力

萌ICP备20230818号

苏ICP备18048410号-3
  • 首页
  • 生活
  • 技术
  • 记录
  • 工具箱
  • 关于我
# CSS # # JavaScript # # vue # # 微信 # # 生活 #
坚果大叔
345
文章
171
评论
432
喜欢