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

DOM：Document Object Model
document对象是DOM核心对象
作用：对html中的内容、属性、样式进行操作
节点树中节点之间的关系：父子、兄弟

JS操作DOM对象

访问DOM中的元素

很多时候需要访问DOM中的元素，主要通过getElementById(),
getElementsByTagName(),
getElementsByClassName()方法获取

给DOM中元素添加属性

在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来直接定义

{
var  p=new object();
p.name=" jack";//(动态语言才可以，java不可以)
alert( p. name);//直接输出成功
}

动态的添加属性和方法

添加属性时也比较方便直接
p.func= speak;
p.func(“ hello hello 大家好)”);

动态的删除属性和方法

用delete删除

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毫秒执行

More info——->: 请移步我的CSDN博客：hyo555，谢谢！！！