2021年3月30日 js学习
script类似像style一样，在head里面出现
## alert 警告
js代码要在（）里面加“”双引号，在用；结束。
alert警告在sj代码里面刷新页面后会出现一个弹窗。
```html
<head>
<script>
alert("这是我的第一行JS代码"); </script>
</head>
```
## document .write 文档
document文档的意思
一个网页可以理解为一个文档。
write 是写的意思
```html
<head>
<script>
document.write("写文档");
</script>
</head>
```
dicument.write（“写文档”）括号里面的内容可以给body中输出一个内容
## console.log 控制台
console控制台
```html
<head>
<script>
console.log("给控制台输出内容");
</script>
</head>
```
## js的执行顺序
js的执行顺序是由上到下执行的，最上是js执行的最优先级。
如果将以上三种代码同时执行泽最优先级的alert先出现，document和console的内容是不会出现的。
## button 按钮
button是按钮的意思
onclick 单击的意思
button在body里面写上
```html
<bdoy>
<button onclick="alert('点我干嘛');">点我</button>
</bdoy>
```
button onclik点击一下按钮
"alert('点我干嘛');" 出现弹窗。
## 超链接
可以将js代码写在超链接的href属性中，这样当点击超链接时，会执行js代码。
```html
<body>
<a href="javascript:alert('点击显示的内容');">超链接文字</a>
</body>
```
在超链接里面添加这样的js代码是不会跳转，因为href里面写的是js弹窗代码。
### 使用超链接处理其他功能
经常也会看到
```html
<body>
<a href="javascript:;"></a>
</body>
```
只使用了冒号和分好，这样的代码目的是通过点击来使用js处理一些功能。
## 引入
js和css一样都不推荐在html内添加，因为在后期维护上会非常费力，代码多了就无法更好的管理，查找也会非常的吃力。
js代码文件后缀就是js和css很像。
js单独的文件有很多好处，可以把同一个功能加到不同的网页，还有可以利用浏览器缓存的机制来记住javascript的功能。
```html
<head>
<script src="script.js">
</script>
</head>
```
如果script像上面引入了外部文件，就不能在这个script内部添加任何属性了。这是不会识别的。
但是还想在html里在加script代码可以在此html页面中新建一堆script代码。
```html
<head>
<script src="script.js">
</script>
<script>
alert("另外一个弹窗");
</script>
</head>
```
## js读取
js读取顺序是按照代码从上到下顺序一行一行读取。
```html
<head>
<script src="script.js">
</script>
<script>
alert("另一个弹窗");
</script>
</head>
```
上面的代码浏览器读取顺序则是先显示script.js的外部文件。
在读取html中的弹窗。
浙公网安备 33010602011771号