JavaScript基础复习

JavaScript基础复习

JS代码最好放在body标签后

JS 代码可以放在html标签内部的任何位置，但最好放在 body 标签之后或者 body 标签内部的最后，因为HTML文件加载是从上往下加载，如果 JS 代码有获取 HTML 页面标签的语句，在这个标签被加载出来前就加载了 JS 代码，就会导致获取的HTML节点为空。

JS数据类型

let允许你声明一个作用域被限制在块级中的变量、语句或者表达式。
var声明的变量只能是全局或者整个函数块的。

JS 有四种原始类型，分别是

1. String（字符串型）
2. number（数值型）
3. boolean（布尔型）
4. undefined（未定义类型）
5. object （json格式数据）

这四种类型都可以通过在变量前添加typeof查看它所属的类型，其中，undefined和null比较类似，具体区别是：

null为声明了该变量且进行赋值，但赋值为空，如：

var x = document.getElementById("aa");
alert(x);

其中标签id为“aa”的标签并不存在，此时x就是null

undefined为声明了该变量但未赋值，如：

var x； 
alert(x);

x未赋值，此时x为undefined

常用数据类型转换

任意 转 字符串：任何变量与字符串相加都会使得整个表达式变成字符串

字符串 转 数字：

• parseInt()
• parseFloat()
• Number()

函数

<script type="text/javascript">
	function hello(){    
		alert("hello");
	}
</script>

可通过给标签绑定事件（常用事件有onclick()、onchange()等）、或者页面加载时来调用
JavaScript函数中没有重载，但可以利用某些方式实现重载的功能（这方面还没仔细看）

BOM

BOM(Browser Object Mode) 是指浏览器对象模型，可以根据浏览器的各种事件进行实现一些功能，比如滚轮滚动、页面加载等。详情可以查看相关教程。

页面加载时直接跳转至百度页面

<script type="text/javascript">
			window.onload = function(){
				window.location.href = "http://www.baidu.com";
			}
</script>

DOM

DOM（Document Object Model）即文档对象模型，针对HTML和XML文档的API（应用程序接口）。最为常用的是利用DOM获取标签节点，修改节点内容。

<script>
//DOM获取div元素
	//1.根据id获取
	var db = document.getElementById("box");
	//2.根据class获取  获取到的对象是一个数组
	var db2 = document.getElementsByClassName("box");
	//3.根据标签名获取div
	var db3 = document.getElementsByTagName("div");

	//使用对象给div设置css样式
	db.style.width = "500px";
	db.style.height = "100px";
	db.style.background = "deeppink";
	//使用对象设置标签文本内容
	db.innerText = "11111";
</script>