js入门简单介绍

JS入门

1. 引入方式三种

   内联,行间,外链

2. 变量

   定义方式:
    var 变量 = 值;
    var 变量1 = 值, 变量2 = 值2;

3. 数据类型

   number 数字类型
   string 字符串类型,
   boolean 布尔类型
   undefined 变量申明为初始化
   null 空类型

4. 注意

   数字和字符串相加会自动转换为字符串类型相加.

5. 函数

   格式funtion 名字(参数){函数体}
   return 结束函数/返回数据

6. 函数和变量都会预解析

   JavaScript解析分为两个阶段,先编译,后执行
   在编译阶段会将function定义的函数提前，并且将var定义的变量声明提前，将它赋值为undefined

7. 如下面会先弹出undefined,然后弹出110

<script type="text/javascript">
    alert(num);
    var num = 55;
    alert(test(num));
    function test(a){return 2*a}
</script>

if判断

if(条件1){条件1满足执行}
else if(条件2){条件2满足执行}
else{都不满足执行的代码}

运算符

赋值运算符：=、 +=、 -=、 *=、 /=、 %=
算术运算符： +(加)、 -(减)、 *(乘)、 /(除)、 %(求余)
条件运算符 : ==、===、>、>=、<、<=、!=、&&(而且)、||(或者)、!(否)

---

---

js控制html和css

var oDiv = document.getElementById('div1')
1. 控制css样式oDiv.style.color = 'red'
2. 控制html里面的内容oDiv.innerHtml='写入类容
3. 更改标签中的class属性 oDiv.className='类容'
4. 改变标签的属性 oDiv.value = '类容'
5. 更改文本框显示值
6. 获取到相关值不写等号即可.