版权声明:本篇文章由IT_CREATE整理 https://blog.csdn.net/IT_CREATE/article/details/84065230
三、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最下方