day15-JavaScript 代码存在的形式

一、引子

　　之前我们讲了css（穿衣服）和html（躶体人），下面我们来学习学习javascript（动作），JavaScript代码存在以怎样的形式展现给我们的，今天我们就来研究一下。

二、在head 中展示

二、在head中展现

2.1、直接在js代码

1
2
3
4
5
<head>
    <script type="text/javascript">  //type="text/javascript",表示是js代码，如果不写的话，默认就是这个属性
        //js代码
    </script>
</head>

2.2、直接引用js文件

说明：src="本地js文件或者是其他网站的js文件链接"

1
2
3
4
<head>
　　//引用js文件，这个js文件也可以是其他网站的js文件链接,这个里面不能执行任何脚本，单纯的引用，想执行脚本，需要另写<script>
    <script src="js/s1.js"></script>
</head>

如图：

三、html文件执行的顺序

html文本是从上到下依次执行，先执行js文件，等上面执行完了，再执行下面的body中的html的文本

1
2
3
4
5
6
7
8
9
10
11
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">   #head中执行js
        alert(123)
    </script>
</head>
<body>
    <h1>ehofqwo</h1>   #body中h1标签
</body>
</html>

 执行的效果图：

由此看到，先执行了js，然后等点击确定之后，才能执行出html

问：这样的话，有啥坏处呐？

其实从这个里面我们就能看出不合理性，这样不能让用户先看到页面，而是先加载页面，不能带来友好度，所以，我们不建议这样做。

问：那我们如何做呐？

为了让页面快速的让用户看到，增加了用户的友好度，就把js放在body的最下面，因为页面是从上到下解释的，所以页面先加载内容，最后去加载js，所以应该写在body的最下面。

ps：JS代码需要放置在<body> 标签内部的最下面。

四、js注释

 4.1、注释

1
2
// 单行注释
/*   多行注释  */

如图：

 

posted @ 2018-05-21 11:43  东郭仔  阅读(112)  评论(0)    收藏  举报