# 章序号/节序号/节/笔记序号 mooc, js Intro, 1.3.3 # 概念阐释 ## HTML文件中内嵌JS代码 - 可以在`<head>`中,也可以在`<body>`中 ![|500](http://image.harryrou.wiki/2022-12-15-%E6%88%AA%E5%B1%8F2022-12-15%2009.54.47.png) ![|500](http://image.harryrou.wiki/2022-12-15-%E6%88%AA%E5%B1%8F2022-12-15%2009.54.29.png) ## 在HTML中引入本地文件 - 可以在`<head>`中,也可以在`<body>`中 ![|500](http://image.harryrou.wiki/2022-12-15-%E6%88%AA%E5%B1%8F2022-12-15%2009.58.00.png) ![|500](http://image.harryrou.wiki/2022-12-15-%E6%88%AA%E5%B1%8F2022-12-15%2010.01.53.png) - 文件存放在本地文件夹 ![A typical HTML/CSS/JS project folder structure, with folders expanded|500](https://courses.edx.org/assets/courseware/v1/540e61aedad13e5537074cb7dcbd804b/asset-v1:W3Cx+JS.0x+2T2022+type@asset+block/folders2.jpg) ## 外链文件 - 来自js网上资源,像Google font那样 ![|500](http://image.harryrou.wiki/2022-12-15-%E6%88%AA%E5%B1%8F2022-12-15%2010.12.47.png) - **reuse existing**: 将js库中的链接引入进html文件,再在js文件里调用该库中的函数。这种方法是js里最常见的。 ![](http://image.harryrou.wiki/2022-12-21-%E6%88%AA%E5%B1%8F2022-12-21%2008.43.27.png) ## JavaScript的其它特点 - JavaScript和HTML一样会按照顺序执行 # 类比、比较与对比 - 与css的区别是,link用的是href - link不需要closing tag # 实例和问题 ## 问题 - 写出css和js引入文件的html代码。 # 问题答案 ![|500](http://image.harryrou.wiki/2022-12-15-%E6%88%AA%E5%B1%8F2022-12-15%2009.58.00.png) # 备注(经验集/错误集)