1 外部JavaScript

时光怂恿深爱的人放手 提交于 2020-02-18 02:05:37

1 外部JavaScript
     外部Javascript,指的是把HTML代码和JavaScript代码放在不同文件中,然后在HTML文档中使用script标签来引入JavaScript代码。
     外部JavaScript是最理想的JavaScript引入方式。
  说明:
    在HTML中,使用script标签,src属性来引入外部Javascript文件
    对于css来说,外部css文件只能在head中引入。不过对于JavaScript来说,外部JavaScript文件不仅可以在head中引入,还可以在body中引入。其中,引入外部css文件使用的是link标签。
    
```
`<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta charset="utf-8" />

<title></title>

<!--

  作者:ch_musk@163.com

  时间:2019-02-12

  描述:在head中引入

 -->

 <link href="index.css" rel="stylesheet" />

 <script src="index.js"></script>

</head>

<body>

<!--

  作者:ch_musk@163.com

  时间:2019-02-12

  描述:在body中引入

 -->

 <script src="index.js"></script>

</body>

</html>

分析:<script src="index.js"></script>表示引入文件名为index.js的JavaScript文件,其中文件的路径是js.index.js.

1.内部的JavaScript
内部JavaScript,指的是把HTML代码和JavaScript代码放在同一个文件中。其中JavaScript代码写在<script></script>标签对内。

    ``<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta charset="utf-8" />

<title></title>

<!--

作者:ch_musk@163.com

时间:2019-02-12

描述:在head中引入

-->

<script>
.....
</script>

</head>

<body>

<!--

作者:ch_musk@163.com

时间:2019-02-12

描述:在body中引入

-->

<script >
......
</script>

</body>

</html>

说明,同样的,内部JavaScript文件不仅可以在head中引入,也可以在body中引入。一般情况下,我们都是在head中引入

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!