HTML导入JavaScript的方式

版权声明:本篇文章由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最下方

 

猜你喜欢

转载自blog.csdn.net/IT_CREATE/article/details/84065230