1 外部JavaScript
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中引入