JavaScript基础与DOM

JavaScript基础与DOM 键盘按下与松开

onkeypress:键盘按下并松开 onkeydown:键盘按下未松开 onkeyup:键盘按下正松开

图片轮播
Documentli{ list-style:none; position:relative; left:570px; margin-left:20px; border:1px solid black; width:15px; float:left; } .mouseover{ background-color:red; } JavaScript基础与DOM
文章图片
  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6

xml Dom
节点信息: 每个节点都有包含关于节点某些信息的属性,这些属性是:
  • nodeName(节点名称)
  • nodeValue(节点值)
  • nodeType(节点类型)
可以通过使用节点彼此间的关系在节点间进行导航:
  • parentNode
  • childNodes
  • firstChild
  • lastChild
  • nextSibling
  • previousSibling
添加节点信息删除节点信息(简易版)
Document
姓名: 邮箱: 年龄:






姓名 邮箱 年龄 操作

定义公有属性和私有属性
私有属性
  • 在函数中:用var定义
  • 在函数外:用对象.属性名定义
公有属性
  • 在函数中:用this.属性名定义
  • 在函数外:函数名.prototype.属性名=默认值; 定义
function Person() { var name = "lily"; } Person.prototype.height = 190; //定义了一个公有属性 var p = new Person(); //new一个对象 p.weight = 180; //函数外定义私有属性var p1 = new Person(); alert(p1.weight); //弹不出来,因为weight属性是私有的

定义公有方法和私有方法
私有方法:
  • 在函数中:采用var 方法名 = function() {}定义
  • 在函数外:采用对象名.方法名 = function(){}定义
function Person() { var show = function() { alert("我是私有方法"); } this.display = function() { show(); //可以调用 } } Person.prototype.sing = function() { alert("sing"); //公有方法 } var p = new Person(); //show(); //调用不来,因为是私有的 p.eat = function() { alert("eat"); //私有方法 }

公有方法:
  • 在函数中,采用this.方法名 = function(){}定义
  • 在函数外:采用函数名.prototype
静态属性和静态方法
注意:定义静态属性和方法都用函数名来定义,调用的时候只能用函数名来调用,不能用对象名调用。
构造函数(无参,有参)
【JavaScript基础与DOM】注意:函数名不要重复,因为先定义的函数永远调用不到
直接用object或函数对象加属性与方法
如何创建JavaScript对象
创建JavaScript对象的三种方式:
  • 采用new 函数名()
  • 采用new object()
  • 采用json格式定义
var json = {"a":"中国","b":"美国","c":"韩国"}; alert(json.a); //拿到中国字符串 alert(json["b"]); //拿到美国字符串var json = {1:"中国",2:"美国",3:"韩国"}; alert(json["2"]); //拿到美国字符串 //注意:不能使用json.2或者json."2"来获取值//如果想拿到所有的值,需要用foreach循环 for (var i in json) { alert(i + ":" +json[i]); //打印所有的值,不能使用json.i }

    推荐阅读