前端基础

Subtopic

HTML

CSS

ECMAScript

Document Object Model 文档对象模型

处理网页内容的方法和接口

DOM 是 W3C 的标准； [所有浏览器公共遵守的标准]

概念

创建(获取)：在html dom模型中可以使用window对象来获取window.document  window.可省略

getElementById() ： 根据id属性值获取元素对象。id属性值一般唯一

getElementsByTagName()：根据元素名称获取元素多个对象 返回值是一个数组如果已知数组只有一个元素，可以这样写：var element_a = document.getElementsByTagName(传参)[0];

getElementsByClassName():根据Class属性值获取元素多个对象返回值是一个数组

getElementsByName(): 根据name属性值获取元素多个对象返回值是一个数组

获取Element对象

createAttribute(name):创建一个属性

createComment()

createElement()

createTextNode()

创建其他DOM对象

方法

太多了，需要再看API

属性

Document：文档对象

创建(获取)

Element：元素对象

Attribute：属性对象

Text：文本对象

Comment:注释对象

Node：节点对象，其他5个的父对象

核心DOM针对任何结构化文档的标准模型

XML DOM针对 XML 文档的标准模型

HTML DOM针对 HTML 文档的标准模型

W3C标准（三部分）

DOM

Browser Object Model 浏览器对象模型

将浏览器的各个组成部分封装成对象与浏览器交互的方法和接口

alert() 显示带有一段消息和一个确认按钮的警告框

如果用户点击确定按钮，则方法返回true

如果用户点击取消按钮，则方法返回false

confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框

返回值：获取用户输入的值

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

与弹出框有关

window对象的方法都是可以省略window.直接调用的所以是window调用的close，谁调用的close就关闭谁如果要关闭open()打开的窗口，要用那个窗口对象调用close方法

close() 关闭浏览器窗口（注意）

返回新的Window对象(可以定义一个newWindow对象接收)

open() 打开一个新的浏览器窗口

与打开关闭有关

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

setTimeout()

取消由 setTimeout() 方法设置的 timeout

clearTimeout()

循环计时器，按照指定的周期（以毫秒计）来调用函数或计算表达式

setInterval()

取消由 setInterval() 设置的 timeout

clearInterval()

参数列表(功能函数，毫秒值 )

与定时器有关

window.history()

window.location()

window.screen()

window.navigator()

window.可省略

获取其他BOM对象

document.getElementById()

获取DOM对象

常用方法

Window：窗口对象

History：历史记录对象

属性：location.href() 设置或返回完整的 URL

Location：地址栏对象

Navigator：浏览器对象（不常用）

Screen：显示器屏幕对象（不常用）

组成

BOM

JavaScript

下载导入

JQuery对象在操作时，更加方便

JQuery对象和js对象方法不通用

jq -- > js : jq对象[索引] 或者 jq对象.get(索引)js -- > jq : $(js对象)

JQuery对象和JS对象区别与转换

基本选择器

层级选择器

属性选择器

过滤选择器

选择器：筛选具有相似特征的元素(标签)

JQuery

前端