js日记

js内部引入方式

//js内部引入方式
<a href = 'javascript:alert(2);'>弹出</a>
<div onclick='alert(3);'>弹出</div>

输入数据类型

//输入数据类型
typeof(a)

字符串以数字开头，int（flaot）取整数(小数)，字母开头取字母；

//字符串以数字开头，int（flaot）取整数(小数)，字母开头取字母；
parseInt和parseFloat

for遍历数组，只能遍历下标

for in可以遍历其中的插入字符

//for遍历数组，只能遍历下标
for(var i=0;i<arr.length;i++){
	console.log(arr[i]);
}
//for in可以遍历其中的插入字符
for(var i in arr){
	console.log(arr[i]);
}

创建对象的方式

object方法，json方式最常用，function方法

//创建对象的方式
var obj = new Object();
obj.name = 'kebo';
obj.age = '18';
obj.say = function(){
	console.log(this.name,this.age);
}
obj.say();

//json方式最常用
var obj = {name:'kobe',age:19,say:function(){
	console.log(this.name,this.age)
} };
obj.say();

//function方法
function Person(name,age){
	this.name = name;
	this.age = age;
	this.say = function(){
		console.log(this.name,this.age);
	}
}
var obj = new Object('kobe',30);
obj.say();

DOM操作

//常用节点
var odiv = document.getElementsById('div');
//调用数组用下标adiv[1],以下三种都是可以通过下标的形式调用第几个
var odiv = document.getElementsByClassName('div');
//name兼容不好，不常用
var odiv = document.getElementsByName('div');
var odiv = document.getElementsByTagName('div');

//获取网页标题
document.title;
//获取网页body
document.body;

//获取可视区宽高
document.documentElement.clientWidth;
document.documentElement.clientHeight;

window.onlond事件

window.onresize事件

//当窗口发生改变的时候会发生

获取属性

//只能获取行内样式
oDiv.id;
oDiv.className;
oDiv.style.width;
oDiv.style.backgroundColor;
//获取文本内容
oDiv.innerHTML;
//获取非行业样式兼容性
alert(getStyle(oDiv,'width'));
function getStyle(obj,name){
	return obj.currentStyle ? obj.currentStyle[name] : getComputedStyle(obj,null)[name];
}

//父节点与子节点
.oDiv.children[0].innerHTML;
.oDiv.parentNode;

//节点操作
创建节点createElement
删除节点removeChild
追加节点appendChild
插入节点insertBefore

var oLi = document.createElement('li');
	oLi.innerHTML = '赵云';
	/*oUl.appendChild(oLi);
	oUl.removeChild(oLi);*/
	var oLi1 = document.getElementById('li')
	oUl.insertBefore(oLi,oLi1);

onclick

可以写onclick = "change()"
然后下面写函数function change(){};

定时器

第一步获取div
第二步建立一次性定时器
var timer = setTimeout(functaion(){
	oDiv.style.display = "none";
},3000);
销毁一次性定时器
function test(){
	clearTimeout(timer);
}
建立周期性定时器
var timer = setInterval(function(){
},1000)
销毁周期性定时器
clearInterval(timer);

鼠标上移与鼠标移走事件
oDiv.onmouseover = function(){}
oDiv.onmouseout = function(){}
将i的值赋予oDiv对象
oDiv.innerHTML = i;