本文详细介绍了在HTML中使用JS代码的两种主要方式：内嵌模式与外链模式。内嵌模式直接在HTML页面中使用<script>标签插入JS代码，适用于简单操作。外链模式则通过<script>标签链接外部.js文件，实现行为与结构分离，便于代码复用和维护。
三、HTML中如何使用JS代码
3.2 内嵌模式
CSS内嵌，在HTML页面内嵌在<style>标记中；而JS内嵌，内嵌在HTML页面<script>标记中。
比如：
<script type="text/javascript">
document.write("ailee最美")
</script>
注：type必须写
3.2 外链模式
JS根据CSS-样，也可以将行为与结构进行分离，将行为单独的创建的文件，然后再外链的方式将JS文件链接到HTML页面中，然后创建JS文件后缀名为.js
代码如下：
<!-- 在css中，我们使用link标记来进行外链-->
<!-- 在JS中，我们还是使用script标记来外链-->
<script src="../../js/demo.js" charset="utf-8"></script>
外链的最大的好处，将行为和结构分离，并且可以做到行为复用。
使用外链时,需要注意的事项：
A）外部脚本文件中，只能编写JS代码，不允许出现其他代码
B）在外部链接JS文件时，src属性中写文件的路径，并且推荐使用相对路径
C）在链接的<script>标记中，请不要编写任何脚本代码，如果需要内嵌，请再定义一个<script>标记
D）<script>标记可以写HTML页面中的任何地方，没有特殊要求的情况下，可以写在 <head>里面，但是如果对JS代码有加载顺序的要求的，,那么请写在body最下方
扫一扫
266
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
