前端基础
2021-10-14 14:34:57 16 举报AI智能生成
前端基础
作者其他创作
大纲/内容
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
前端
0 条评论
下一页
