2021-09-17

HTML/CSS/JS的关系
html负责页面内容显示和结构
css页面美化
js与用户交互
面试题：网页的三层结构结构是什么？各自的作用
结构层、表现层、行为层
script标签的使用

<!--嵌入的方式-->
<script>
   js代码
</script>
<!--外部js文件引入的方式-->
<scriptsrc="js文件路径"></script>
<!--标签内部-->
<!--事件属性-->
   <divonclick="alert('坦坦然')">div标签</div>
<!--a标签的特殊用法-->
   <ahref="javascript:alert('aaaa')">百度</a>

注意：1.针对嵌入和外部js文件使用的时候script标签哪需要就放哪
2.如果使用外部js文件，那么script标签内部不能放任何js代码
输出语句

<script>
//文档输出显示在浏览器上边document.write('文档输出')
//控制台输出常用于代码调试
console.log('控制台输出')
//弹框
//alert('普通弹框')
//confirm('确认弹框')
prompt('请输入一个数字','25')
//自带输入框的弹框
</script>

JS注释方法
//单行注释
//多行注释
html注释
css注释//
Java注释同js
PHP注释#/**///
注释的作用：方便代码阅读
变量
1.概念：计算机中用来存储数据的
2.变量的创建
语法:var变量名称=值
变量的命名规范
包含数字(0-9)、字母(a-zA-Z)、下划线(_)、美元符号($)
不能用数字开头
不能使用系统关键字、保留字
变量名称有意义
驼峰命名法首字母小写，其余单词首字母大写3.变量的扩展
a.初始化赋值创建变量的时候赋值

<script>
   varage=12
</script>

b.变量的值更新

<script>
  varage=20//初始值
  age=22//age变量的值发生了变化varage1=23
  age=age1//age结果：23将age1变量的值赋给了age变量
</script>

4.特殊情况
1.只声明变量

<script>
  varweightconsole.log(weight)//结果：undefined
</script>

2.声明变量时不加var隐式声明函数内部声明全局变量的时候

<script>
  height='175cm'console.log(height);</script>

3.同时定义多个变量,变量之间使用英文逗号(,)隔开

<script>
  varnum1=15,num2=20,num3=25
</script>

3.练习
交换两个变量的值

<script>
  var num1=20;
  var num2=30;
//思路一:创建第三个变量(中间变量)
  var temp=num1;
  num1=num2;//num1值变为30
  num2=temp//num2值为20
//思路二：使用加减法运算通常都是数字的值交换    
  num1=num1+num2//num1结果是50
  num2=num1-num2//num2结果是20
  num1=num1-num2//num1结果是30
  console.log(num1);
  console.log(num2);
</script>

数据类型
复习
1.php中的数据类型：boolean(布尔)、int(整型)、float(浮点型)、string(字符串)、array(数组)、object(对象)、NULL(空)、resource(资源)
2.Java中的数据类型：boolean(布尔)、int(整型)、float(浮点型)、string(字符串)、array(数组)、object(对象)、NULL(空)、long、short、double、char、byte
3.JavaScript中的数据类型
boolean(布尔)、string(字符串)、number(数字)、object(对象)、undefined(未定义)、null(空)
布尔数据类型中只有true和false两个值
字符串使用引号(单引号和双引号)引起来
数字包括整数和浮点数、NaN
注意:当非数字字符串参与算术运算(+除外)的时候，得出的结果是NaN

获取变量的数据类型
typeof()

<script>
  var str3='15'
//获取变量的数据类型 
  console.log(typeof(str3))//结果:string
  console.log(typeof(NaN))//结果:number
</script>