文章目录
1. JavaScript组成
JavaScript包括以下3个部分:
**ECMAScript(核心):**ECMAScript是一个标准,JavaScript(JScript)只是它的一个实现。ECMAScript描述了以下内容:语法、类型、语句、关键字、保留字、运算符、对象。
浏览器对象模型((不rua ze)Browser Object Model)BOM:用来获取或设置浏览器的属性、行为,例如:新建浏览器窗口、获取屏幕分辨率、获取浏览器版本号等。
文档对象模型(Document Object Model)DOM:比如添加某些html元素、修改html元素的内容、修改html元素的样式、删除某些html元素等)。
2. BOM(浏览器对象模型)
Window 表示浏览器窗口
网页中所有函数以及全局变量都是 window 对象的成员。
Window对象是JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先,**在调用window对象的方法和属性时,可以省略window对象的引用。**例如:window.alert()可以简写成:alert()。
2.1 window对象常用方法:
(额乐特)alert(任意值) 弹出警告框
(肯伐木)confirm (任意值) 弹出确认框,如果点击了确认按钮该方法返回true,否则返回false
(铺绕木特)prompt(任意值,默认值) 弹出提示框,如果点击确定返回用户输入的内容,否则返回null
(欧喷)open(url) 打开新窗口
(可漏滋)close() 关闭窗口
(间隔,int喔)setInterval(“js代码”,毫秒数) 定期调用(多次)方法或执行代码段,单位为毫秒数
setTimeout(“js代码”,毫秒数) 延迟调用(一次)方法或执行代码段,单位为毫秒数
(克里尔int vo)clearInterval(定时器),取消由setInterval设置的定时器
clearTimeout(定时器),取消由setTimeout设置的定时器
location对象包含有关当前 URL 的信息。window对象子对象
href获取或设置浏览器地址栏的内容,常用于跳转页面
reload() 刷新页面,相当于浏览器的刷新按钮
**(嘿斯特瑞)phistory(了解) 对象包含浏览器的历史记录。window对象子对象
(背部,后退,回原处)back() 加载历史列表中的前一个url,相当于浏览器的后退按钮
(向前地)forward() 加载历史列表中的下一个url,相当于浏览器的前进按钮
go(个数) 加载历史列表中的某一个具体页面
navigator(了解)对象包含浏览器的信息。window对象子对象
Screen(了解) 对象包含客户端显示屏幕的信息。window对象子对象
3. DOM(文档对象模型)
document 对象,window对象的子对象
每个载入浏览器的 HTML 文档都会成为 document 对象。
3.1 属性:
forms 获取html网页中所有的form表单数组
body 获取网页中的body元素
title 返回或设置当前html文档的标题
3.2 方法:
getElementById(id) 通过id获取html元素
getElementsByName(name) 通过name获取html元素数组
getElementsByTagName(标签名) 通过标签名获取html元素数组
(创建,科瑞at)createElement(“标签名”);创建一个新的标签元素
createTextNode(“文本内容”); 给节点创建文本内容
write(内容) 向网页写入内容****Element 对象
注意:
InnerHTML 和 innerText 针对于标签元素的内容设置
(内部)InnerHTML是获得标签元素中的所有内容(包括标签在内)
InnerText 是获得标签元素中的文本内容
4. Element对象
在 HTML DOM (文档对象模型)中,网页里面每个部分都称之为节点(闹得)(Node):
每一个html元素都是一个element对象(通过js获取到html元素都是element对象)
Element 对象可以拥有类型为元素节点、文本节点、注释节点的子节点。
1.文档本身是文档节点
2.所有 HTML 元素是元素节点
3.HTML 元素内的文本是文本节点
4.HTML 元素内的注释是注释节点
4.1 属性:
(柴哦得no ci)childNodes子节点数组。
(佛斯特)first(第一个)Child第一个子节点
(拉斯特)lastChild 最后一个子节点
(父亲,拍润特)parentNode 父节点
4.2 方法:
(额喷特,附加)appendChild(新节点) 向元素添加新的子节点,作为最后一个子节点。
(移出)removeChild(指定节点) 从元素中移除子节点。
(额锤比优特)setAttribute(属性名,属性值) 把指定属性设置或更改为指定值。
getAttribute(属性名) 返回元素节点的指定属性值。
eChild(指定节点) 从元素中移除子节点。**
(额锤比优特)setAttribute(属性名,属性值) 把指定属性设置或更改为指定值。
getAttribute(属性名) 返回元素节点的指定属性值。
(移除属性)removeAttribute(属性名) 移除html元素中之指定属性名对应的属性