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对象的onclick="函数名"来执行函数 

修改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秒
 定时器 setTimeoutsetTimeout(function(){     alert();},1000);      //表示该函数延迟1000毫秒执行