JS操作DOM对象和常用全局函数总结

操作DOM对象

 

JS操作DOM对象:

1.很多时候需要访问DOM中的元素，主要通过getElementById(),

getElementsByTagName(),

getElementsByClassName()方法获取 

2.给DOM中元素添加属性

3. 在DOM元素中插入内容

<div id="context">Hello,2017</div> 

document.getElementById("context").innerHTML="节日快乐";

 

譬如：

js定义函数，DOM对象的οnclick="函数名"来执行函数 

修改Dom节点

可以修改节点的样式。

获得style对象，然后更改对象的某项值即可

 

添加DOM对象

两种方法

:前加，追加

步骤大致是：

定义新节点   var定义即可，用document的create TextNode()函数即可。

然后：

1.Insert Before()前加元素

有两个参数，前面的是已经存在的DOM对象，后面的是要添加的对象

2.appendChild()在dom中追加元素

 

删除Dom对象

先get父亲节点以及子节点

然后用remove函数，就可以了

 

JavaScript对象

对象的定义

var  p=new object()

p.name=" jack"(动态语言才可以，java不可以)

alert( p. name)直接输出成功

动态的添加属性和方法

p. func= speak;

p. func(" hello  hello 大家好)")

动态的删除属性和方法

delete p. name

delete p.func

 

JS中对象的构造方法

基于原型的

function person( name, age)

{

       this. name= name;

      this. age=age;

.     this. func=speak()函数也可以直接构造

}

 

 

js全局函数

常用全局函数  （全局函数不属于任何一个自己定义的对象）

 

Eval()  执行函数****专门用来执行代码的
动态的执行代码

1、将字符串解析为可执行的JavaScript语句

2、可以将字符串（符合对象格式的）转化为对象类型

 

escape():对字符串进行编码

该函数可对字符串进行编码，这样就可以在所有的计算机上读取该字符串。

注意：该函数不能用于编码 URIs(通用资源标识符（UniformResourceIdentifier,简称”URI”））

unescape():解码由escape()编码的字符串

encodeURI:对字符进行编码

decodeURI:对字符进行解码

isNaN():  判断当前是否是数字，返回值true false,是数字返回false,不是数字返回true;

parseInt() 类型转换

Number(object):把对象的值转换为数字

　　如果对象的值无法转换为数字，Number()函数返回NaN。

　　如果参数的Date对象，Number()返回从1970年1月1日到现在所经历的毫秒数

String():把对象的值转换为字符串

String() 函数返回与字符串对象的toString()方法值一样

 

JavaScript. window的几个常用方法

alert()全局方法，可以弹出一个警告框。

然而实际上，它是window对象的一部分。  也就是说，完整的写法如下:   window.alert();

 

parseInt();  全局方法，可以将变量强转为整数

完整的写法如下：

window.parseInt();

confirm()确认函数

用户交互、有boolean返回值；是一个阻塞式的方法，alert（）也是阻塞式方法

promote()

接收用户的反馈信息，返回值是字符串

setinterval(int n)载入几次

Window. onload()当文本全部加载完成后

当页面加载完成的时候，触发该事件的发生，如果该事件绑定了函数，即执行该函数

Window. onresize()当窗口大小发生改变后

 

settime(，)多长时间刷新一次

settime()第一个参数是函数名，第二个是时间，单位是毫秒，500毫秒为5秒

 

定时器 setTimeout

setTimeout(function(){

     alert();

},1000);      //表示该函数延迟1000毫秒执行