JavaScript 基础

var flower = new Object();
flower.name = "长春花";
flower.genera = "夹竹桃科 长春花属";
flower.area = "非洲、亚热带、热带以及中国大陆的华东、西南、中南等地";
flower.uses = "观赏或用药等";
flower.showName = function() {
alert(this.name);
}
flower.showName();

 var flower = {
name: "长春花",
genera: "夹竹桃科 长春花属",
area: "非洲、亚热带、热带以及中国大陆的华东、西南、中南等地",
uses: "观赏或用药等",
showName: function() {
alert(this.name);
}
}
flower.showName();

function Flower(name, genera, area, uses) {
this.name = name;
this.genera = genera;
this.area = area;
this.uses = uses;
this.showName = function() {
alert(this.name);
}
}
var flower1 = new Flower("长春花", "夹竹桃科 长春花属", "非洲、亚热带、热带以及中国大陆的华东、西南、中南等地", "观赏或用药等")
flower1.showName();

parentNode 返回节点的父节点

childNodes 返回子节点集合，childNodes[i]

firstChild 返回节点的第一个子节点，最普遍的用法是访问该元素的文本节点

lastChild 返回节点的最后一个子节点

nextSibling 下一个节点

previousSibling 上一个节点

firstElementChild 返回节点的第一个子节点，最普遍的用法是访问该元素的文本节点

lastElementChild 返回节点的最后一个子节点

nextElementSibling 下一个节点

previousElementSibling 上一个节点

var d1 = document.getElementById("d1");
d1.style.display="block";

操作的是标签内style的属性

var d1 = document.getElementById("d1");
d1.style.className="ahover";

操作的是css当中的类样式

prompt( ) 显示可提示用户输入的对话框

alert( )  显示带有一个提示信息和一个确定按钮的警示框 

confirm( ) 显示一个带有提示信息、确定和取消按钮的对话框 

close( ) 关闭浏览器窗口

open( ) 打开一个新的浏览器窗口，加载给定 URL 所指定的文档

setTimeout( ) 在指定的毫秒数后调用函数或计算表达式

setInterval( )  按照指定的周期（以毫秒计）来调用函数或表达式

back()  加载 history 对象列表中的前一个URL

go()   加载 history 对象列表中的某个具体URL

属性 host  设置或返回主机名和当前URL的端口号

属性hostname  设置或返回当前URL的主机名

属性href 设置或返回完整的URL

方法reload()  重新加载当前文档

方法replace()  用新的文档替换当前文档

getElementsByName() 返回带有指定名称的对象的集合

sort() 对数组排序

push()  向数组末尾添加一个或更多 元素，并返回新的长度

更多方法参考：

语法：事件名＝ "函数名( )";