五 函数
function text(){
console.log(“1”);
return;
console.log(“2”);
}
text();
//只打印了1 return的特殊作用 运行return语句时停止
匿名函数
var testID=function(id){
console.log(“my id is”+id)
}
testID(125);
变量的作用域
全局变量(外边定义),局部变量(内部定义)
Object
var fa={
name:‘mike’;
age:20;
job:‘des’;
};
var fa=new Object();//object构造函数
var alex=new Faculty(“Alex”,26,“coder”);
function Faculty(name,age,job){//定义一个构造函数函数名首字母大写
this.name=name;
this.age=age;
this.job=job;
this.showName=function(){//创建一个showName()函数
console.log(this.name);
}
}
Faculty.prototype.showAge=fuction(){//通过对象prototype属性获得原型
console.log(this.age);
}
DOM操作
document.getElementById(" “);
document.getElementByClassName(” ");
除了用id和class外,我们还可以直接通过标签名来定位元素
document.getElementByTagName(“标签/p”)[1];//第二个p元素
var first=document.getElementById(“first”);
动态操作DOM
first.innerHtml=“My Title”;//修改first的内容变为MY Title
first.getAttribute(“id”);输出first获取元素的各种属性
DOM动态增加节点
var ad=document.createElement(“span”);//创建一个span元素
ad.innerHtml=“sub span”;//设置span内容
first.appendChild(ad);//将span 元素添加到第一段
subspan.setAtrribute(“id”,“sub”);//使用此方法设置属性
first.className=“big”;//直接修改属性,修改类名
first.removeChild(subspan);//除去span元素,调用此方法,通过父元素
假如删除b元素那么要a.removeChild(b);//a为父元素
DOM事件处理
var submit=document.getElementById(“submit”);
submit.οnclick=fuction(){
console.log(“submit button clicked”);
}
实现html5拖放
var logo=document.getElementById(“logo”);
logo.draggable=ture;//实现拖的功能
var box=document.getElementById(“box”);
box.οndragοver=function(){
event.preventDefault();//去除事件的默认行为
}
box上松开鼠标
box.οndrοp=function(event){
box.appendChild(logo);//放下logo会触发box的ondrop事件
}