原生js回顾

原生js回顾

写入HTML输出

document.write(“<p>this is a p label</p>”);

注意只能在HTML输出中使用document.write，如果您在文档加载后使用该方法，会覆盖整个文档。

改变HTML内容

x = document.getElementById(“demo”);

x.innerHTML = “Hello world”;

改变元素属性

e = document.getElementById(‘my image’);

e.src = “…..”;

改变元素样式

x = document.getElementById(“demo”);

x.style.color = “#ff0”;

验证输入

x = document.getElementById(“input”).value;

if(isNaN(x)){}

数组创建的三种方式：

（1）var cars = new Array();  cars[0] = “..”;  …..

（2）var cars = new Array(‘audi’,’bow’,’Volvo’);

（3）var cars = [‘audi’,’bow’,’volvo’);

算术运算符

5/2 = 2.5;

5%2 = 1;

语句

for in 循环对象的属性

HTML DOM获取元素

getElementById、getElementsByTagName、getElementsByClassName

HTML DOM允许javascript改变HTML元素的内容

HTML DOM允许javascript改变HTML元素的样式

HTML DOM使javascript有能力对HTML事件作出反应

使用HTML DOM来分配事件

document.getElementById(“myBtn”).onclick = function(){};

Onload和onunload事件会在用户进入或离开页面时触发，onload事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本。

onchange事件、onmouseover鼠标移入事件、onmouseout鼠标移出事件、onmousedown鼠标按下事件、oumouseup鼠标松开事件、onclick最后完成点击事件、onfocus输入框获得焦点事件

添加DOM节点

必须首先创建该元素，然后向一个已存在的元素追加该元素

var p = document.createElement(“p”);  var node = document.createTextNode(“zheshi”);  p.appendChild(node);

删除DOM节点

如需删除HTML元素，必须首先获得该元素的父元素

var parent = document.getElementById(“div”);  var child = document.getElementById(“p”);  parent.removeChild(child);

Number对象

String对象

Date对象

Array对象

Boolean对象

Math对象

round方法：四舍五入

RegExp对象

JavaScript Window浏览器对象模型

浏览器对象模型（BOM）使JavaScript有能力与浏览器对话。

window对象

window.open()打开新窗口

window.screen对象包含有关用户屏幕的信息，可用高度、可用宽度。

window.location对象用于获取当前页面的地址（URL），并把浏览器重定向到新的页面。

window.history对象包含浏览器的历史，history.back()、history.forward()。

window.navigator对象包含有关访问者浏览器的信息。