JavaScript学习

var arr1=[1,2,3]; var arr2=[4,5,6]; var arr3=[7,8,9]; var arr4=[arr1,arr2,arr3]; 或者 var arr4=[ [1,2,3], [4,5,6], [7,8,9] ]; for(var i = 0;i<arr4.length;i++) { for(var j =0;j<arr4[i].length;j++) { document.write(arr4[i][j]+"<br/>"); } }

function fn(){ var obj = document.getElementById("d1"); obj.style.background = "red"; } function fm(){ var obj = document.getElementById("d1"); obj.style.background = "blue"; } </script> <body> <div id="d1" onmouseover="fn()" onmouseout="fm()"> 这是DIV <div/>

创建一个object对象并且为对象的属性赋值 poe = new Object() poe.age = 10 poe.name = "a" 还有另外一种也可以 poe = {age:"10",name:"hahaha"}; document.write("age:"+poe.age) document.write("name:"+poe.name)

function peop(name,age){ this._name = name; this._age = age; this._print = function prints(){ document.write("age:"+this._age+"name:"+this._name); } } peopa = new peop("zhangsan","10") peopa._print()

这是一个Button标签 <button id="btn1">按钮</button> <script> var btn = document.getElementById("btn1") btn.onClick = function(){ 函数体代码 } 点击这个按钮会执行这个 </script> //如果是这种情况 var btn = document.getElementById("btn1") btn.onclick = function(){ alert("a")} 这个事件会被覆盖 btn.onclick = function(){ alert("b")} 这个事件会执行

var btn = document.getElementById("btn1") btn:addEventListener("click",da1) btn:addEventListener("click",da2) function da1(){alert("我是事件1")} function da2(){alert("我是事件2")} 这个事件会依次执行删除一个事件 btn:removeEventListener("click",da1) 使用type属性可获取事件类型比如 click mouseover target获取事件目标 stopPropagation() 阻止事件冒泡

function Peo(){ } Peo.prototype.shuo = function(){ alert("说话"); } 实例化 var p = new Peo() p.shuo() 调用类方法属性 Peo.prototype.age 这个function Peo就相当于构造函数这样可以给内部属性赋值 function Peo(age){ this._age = age } var p = new Peo(30) alert(p._age) 这里输出的就是30

function Stu(){ } 继承自上面的Peo Stu.prototype = new Peo(); 调用父类的函数 var s = new Stu(); 子类重名覆盖父类方法 Peo.prototype.shuo = function(){ alert("说不出话"); } 如果还想调用父类的方法 var superFunc = Stu.prototype.shuo; superFunc.call(this);

var utils = { random_int:function(start,end){ var num = start+(end-start)*Math.random(); num = Math.floor(index); return num; } }; 每个模块都有一个module.exports 这时候module.exports 指向的是这个utils module.exports = utils;

var xiaohong = { name: "xiaohong", test_func:function(){ console.log(this); }.bind(4) }; xiaohong.test_func() 这里输出的就是4 因为他强制绑定了是4

函数对象 function person(name,age){ //类成员 this.name = name; this.age = age; } //类方法 person.prototype.test_func = function(){ console.log("name"+this.name+" age"+this.age); } //实例化对象 var p = new person("小明",20); p.test_func();

相关阅读