JS杂谈

输出

JS提供的四种显示方案：

• window.alert() —— 写入弹窗
• console.log() —— 浏览器控制台输出
• document.write() —— 写入HTML输出
• innerHTML —— 写入HTML元素

html:
	<div id="demo"></div>
js:
	document.getElementById("demo").innerHTML = "Hello World";

数据类型

五种基本数据类型

• string 字符串
• number 数值型
• boolean 布尔型
• object 对象
• function 函数型

三种对象类型

• object 对象
• array 数组
• date 日期

空值类型

表示方式	对应类型	含义	示例
NaN	number	不是数值类型
null	object	对象值为空
undefined	undefined	变量没有赋值

注意
null 与undefined都包含空值的意思，但彼此类型不同
==判断值是否相等
===判断值与类型是否均相等

赋值

js中的数据类型是弱类型，可以根据赋的值自动切换类型

var length = 7;                                  // 数字
var lastName = "Gates";                    	  	 // 字符串
var cars = ["Porsche", "Volvo", "BMW"];          // 数组
var x = {firstName:"Bill", lastName:"Gates"};    // 对象 
var fun = function(){}							 //函数

注意： 虽然js中所有的类型都可通过new来创建，但都会被视为对象类型，因此会在做运算时与预期不一致，如在判断是否相等时，下方a、b判断的含义为彼此不是同一个对象。

使用

获取元素，并对元素信息进行更改

<button type="button" id="defaultButton" onClick="myFunction()" class="btn btn-default">默认按钮</button>

<script>
	function myFunction(){
		var a = document.getElementById("defaultButton");
		a.className = "btn btn-primary";
	}
</script>