js基础六

1、 dom的增加方法

// 可以用于创建一个元素节点对象
// 他需要一个标签名作为参数，将会根据该标签名创建元素节点对象。
// 并将创建好的对象作为返回值返回
var li = document.createElement("li")
// 创建文本结点
var text= documnet.createtextNode("文本的内容")

// appdendChild
// 向一个父节点中添加一个新的子节点
// 用法  父节点.appendChild(子节点)
li.appendchild(text);
var tl = documnet.querySelector(.dev tl)
tl.appendChild(li);

2、 *** 作内联样式

通过js修改元素的样式
语法 ： 元素.style.样式名 = 样式值
box1.styple.width = "300px";

注意： 如果css的样式含有 - 
那么在js的命名中是不合法的要改为驼峰命名法
backgroup-Color   backgroupColor

获取到元素当前显示的样式

只有IE才能使用

获取元素的当前显示的样式
语法： 元素.currentStyle.样式名
box1.currentStyle.width

在其他浏览器汇中可以使用

getComputedStyle() //这个是window的方法可以直接使用
两个参数：
1.获取样式的元素
2.可以传递一个伪元素 一般都传null
var width =  getComputedStyle(box1,null).width;

定义一个函数，用来获取指定元素的当前的样式

定义一个函数，用来获取指定元素的当前的样式
参数：
	obj 要获取样式的元素
	name 要获取的样式名
function getStyle(obj, name) {
	if(window.getComputedStyle){
		return getComputedStyle(obj,null)[name];
	}else {
		return obj.currentStyle[name];
	}
	
}

3、事件 4、BOM

dom 文档对象模型 通过js *** 作网页的
bom 浏览器对象模型 通过js *** 作浏览器的
Window 代表的是整个浏览器的窗口，同时window也是页面中的全局对象。
Navigator 代表浏览器的信息，可以识别不同的浏览器
Location 代表当前浏览器的地址栏信息
通过Location可以获取到地址栏信息，或者 *** 作浏览器跳转页面
History 代表浏览器的历史记录，可以通过该对象来 *** 作浏览器的历史记录
screen 代表用户的屏幕信息，可以获取到用户的显示器的相关信息

5、定时调用 定时调用

setInterval
可以将一个函数每隔一端时间执行一次
1、 回调函数，该函数会每隔一端时间被调用一次
2、 每次调用间隔的时间，单位是毫秒
返回值：
返回一个Number，这个数字用来作为定时器的唯一标识。

var num = 1;
var timer =  setInteval(function(){
	coumt.innerHTML = num ++;
	if (num == 20) 
		clearIntrval(timer);
},1000)  // 1秒执行一次

延时调用

setTimeout
延时调用一个函数不马上执行，而是隔一端时间以后再执行。
而且只执行一次。

	var timeout = setTimeout(function() {
		console.log(num++)
	},3000);

clearTimeout(timeout); //取消延时调用

6、json

JS中的对象只有js自己认识，其他的语言都不认识。
JSON就是一个特殊的字符串，这个字符串可以被任意的语言所识别，并且可以转换为任意语言中的对象。
JSON分类:
1、对象{}
2、数组[]
JSON中允许的值：
1、字符串
2、数值
3、布尔值
4、null
5、对象
6、数组

//  JSON转为js对象  json -->js
JSON.parse(json字符串)

//  js对象转为JSON   js --> json
JSON.stringify(js对象)

js基础学习5