js 01

js 引入

(1)行内引入

注意:内容为文字的时候必须带上英文引号

一行内必须双引号和单引号一起使用

特点 :可以将少量的js代码写在html标签的事件属性中(以on开头)，例如: onclick

注意单双引号的使用:在html里面我们推荐使用双引号,但是全部使用双引号会报错，需要单双引号一起使用，在js中 我们推荐使用单引号

在html里面如果写了大量的js代码时不方便阅读，所以尽量不要卸载html标签里（除事件属性等特殊属性外）

  button οnclick="alert('你好')">点击button>\

(2)内嵌式引入

特点：可以把大量的js代码写在script标签中,也是我们经常用到的

最好不要写在html标签中间，要写在body结束标签前

script 标签不允许写html标签

<script src=""> alert('你好') </script>

（3）外部引入

特点：可以更加结构化

利用html代码的结构化，把大量的js代码写在单独的文件内，可以提高复用性

适用于js代码量比较大的情况下

<script src=""></script>

js 输入输出

<script> alert('输出内容在弹出警示框'); document.write('输出内容到页面'); console.log('输出内容到控制台'); prompt('请填写你的姓名') </script>

js 里输出结果是数字时可以不带引号，文字和字母必须带引号

alert 浏览器弹出警示框

console.log 浏览器控制台打印输出信息

prompt 浏览器弹出的一个输入框，用户可以输入

write 让浏览器在页面中输入一个内容

js 变量

变量概念：变量就是用于存储数据的容器，我们可以通过变量名获取数据，可以修改数据

var 申明变量 ，在使用变量时必须先申明变量名，才可以去使用

本质： 变量是程序在内存中申请的一块用来存储数据的空间

{

var age = 18

age 就是变量名，他就是变量

}

js 代码结束时需要英文分号结尾,

变量只申明不赋值时，会出现 undefined