javascript基础
目录
弹出框通过ID获取元素InerHTML元素改变Html样式显示和隐藏修改或添加类名事件内置对象和操作日期对象字符串对象Math对象数组对象window对象history对象Location对象Navigator对象screen对象DOM对象三中常见DOM节点节点属性遍历节点树:DOM操作:获取节点对象getAttribute()方法、setAttribute()方法
基本语法、事件响应、DOM对象、内置浏览器对象 、定时器
弹出框
xxxxxxxxxx消息对话框:prompt("请输入你姓名:")点确定返回输入的信息,点取消返回null确认框:confirm("确认吗?"),返回True和False
通过ID获取元素
xxxxxxxxxxgetElementById("标签id")
InerHTML元素
xxxxxxxxxxinnerHTML 属性用于获取或替换 HTML 元素的内容
改变Html样式
xxxxxxxxxxObject.style.property=new style;
显示和隐藏
xxxxxxxxxxObject.style.display = valuevalue取值为none或block
修改或添加类名
xxxxxxxxxxobject.className = classname1. 获取元素的class 属性2. 为网页内的某个元素指定一个css样式来更改该元素的外观
事件

内置对象和操作
日期对象
xxxxxxxxxxvar date=new Date();

字符串对象
xxxxxxxxxxstringObject.length 字符串长度stringObject.toUpperCase() 小写stringObject.charAt(index) 返回字符stringObject.indexOf(substring, startpos) 指定的字符串首次出现的位置stringObject.split(separator,limit) 分割stringObject.substring(starPos,stopPos) 提取字符串stringObject.substr(startPos,length) 提取字符串
Math对象
Math本身是个对象,可以直接使用
Math属性:

Math方法:

数组对象
实例一个数据对象,var myarr=new Array();

window对象
window方法:

计时器

history对象
xxxxxxxxxxwindow.history.[属性|方法]
history属性

history方法

Location对象
xxxxxxxxxxlocation.[属性|方法]
location 属性

location 方法

Navigator对象
Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。

screen对象
screen对象用于获取用户的屏幕信息。

DOM对象
三中常见DOM节点
- 元素节点:标签
- 文本节点:文本
- 属性节点:标签属性
节点属性

遍历节点树:

DOM操作:

获取节点对象
xxxxxxxxxxdocument.getElementById() 返回对象document.getElementsByName(name) 返回对象数组getElementsByTagName() 返回对象数组
getAttribute()方法、setAttribute()方法
xxxxxxxxxx通过元素节点的属性名称获取和设置属性的值。elementNode.getAttribute(name)elementNode.setAttribute(name,value)