javascript基础
目录
弹出框通过ID获取元素InerHTML元素改变Html样式显示和隐藏修改或添加类名事件内置对象和操作日期对象字符串对象Math对象数组对象window对象history对象Location对象Navigator对象screen对象DOM对象三中常见DOM节点节点属性遍历节点树:DOM操作:获取节点对象getAttribute()方法、setAttribute()方法
基本语法、事件响应、DOM对象、内置浏览器对象 、定时器
弹出框
xxxxxxxxxx
消息对话框:
prompt("请输入你姓名:")
点确定返回输入的信息,点取消返回null
确认框:
confirm("确认吗?"),返回True和False
通过ID获取元素
xxxxxxxxxx
getElementById("标签id")
InerHTML元素
xxxxxxxxxx
innerHTML 属性用于获取或替换 HTML 元素的内容
改变Html样式
xxxxxxxxxx
Object.style.property=new style;
显示和隐藏
xxxxxxxxxx
Object.style.display = value
value取值为none或block
修改或添加类名
xxxxxxxxxx
object.className = classname
1. 获取元素的class 属性
2. 为网页内的某个元素指定一个css样式来更改该元素的外观
事件
内置对象和操作
日期对象
xxxxxxxxxx
var date=new Date();
字符串对象
xxxxxxxxxx
stringObject.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对象
xxxxxxxxxx
window.history.[属性|方法]
history属性
history方法
Location对象
xxxxxxxxxx
location.[属性|方法]
location 属性
location 方法
Navigator对象
Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。
screen对象
screen对象用于获取用户的屏幕信息。
DOM对象
三中常见DOM节点
- 元素节点:标签
- 文本节点:文本
- 属性节点:标签属性
节点属性
遍历节点树:
DOM操作:
获取节点对象
xxxxxxxxxx
document.getElementById() 返回对象
document.getElementsByName(name) 返回对象数组
getElementsByTagName() 返回对象数组
getAttribute()方法、setAttribute()方法
xxxxxxxxxx
通过元素节点的属性名称获取和设置属性的值。
elementNode.getAttribute(name)
elementNode.setAttribute(name,value)