js基础之javascript的存在形式和js代码块在页面中的存放位置和 CSS 对比

1、存在形式

  • 文件 如:

     <script src='js/jc.js'></script>

  • 前页面

     <script type='text/javascript'>alert('页面')</script>

注意:js代码块要放在页面最底部,body的闭合标签上面即可,如下标黄部分。

<!DOCTYPE html>
<html>
    <head>
         <meta http-equiv="content-type" content="text/html;charset=utf-8">
         <title>js基础</title>
</head>
<body>
    <script src='js/jc.js'></script>
    <script type='text/javascript'>alert('gjlin')</script>
</body>
</html>

CSS存放位置方式

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--引入 CSS 文件-->
<link rel="stylesheet" href="XXX"/>
    <!--直接在页面写 CSS-->
    <style></style>
<!--引入js文件-->
<script src="xxx.js"></script>
<!--直接在页面写js-->
<script type="text/javascript">
/*多行注释
//定义函数
function fuc(arg){
return 1233 + arg;
}
//执行函数
v = fuc(123);
alert(v);
*/
//全局变量
//var a = 6;
//局部变量
//b = 7;
/*function fuc(){
var a = 8;
}*/
v = fuc();
alert(v);
</script>
</head>
<body>

</body>
</html>

塑造ing
原文地址:https://www.cnblogs.com/Brin-guo/p/4869693.html