什么叫API:
API:(Application Programming Interface)应用程序接口文档,通俗来说就是一系列方法。
什么叫WebAPI:
浏览器的API。分为两个部分:BOM(浏览器对象模型)、DOM(页面对象模型)。
DOM:
DOM:(Document Object Model)文档对象模型,DOM会把页面的内容抽象成对象,通过操作对象,达到操作页面上标 签和标签属性的一组方法
DOM页面的元素转换成对象如下:
页面 --> document
HTML标签 --> document.documentElement
body标签 --> document.body
其他标签 --> element
DOM的常用方法:通过元素ID获取元素:document.getElementById('id的值');返回的是元素,如果没有返回null
通过标签获得页面上所以符合条件的标签:document.getElementsByTagName('标签名');
返回伪数组,如果没有则返回空的伪数组。
什么叫伪数组:和数组相似,有下标和元素,但是不属于Array对象。
什么是事件: 用户在页面上点击动作等,都是事件。
事件三要素:
事件源:页面上要操作事件的元素。(监听事件的元素)
事件名:操作事件的类型。
事件处理函数:触发事件时,要调用的函数。
如何注册事件:元素名.on+事件名 = function (){}
给a元素注册事件时,需要注意到的地方:当a标签的heft没有值时,a标签默认刷新页面,则a触发事件时,就会出现问题
在触发事件时调用的函数中最后一行加入return false ;
innerText和innerHTML:
innerHTML:获取/设置标签元素中的文本,获取标签中所有的内容,包括空格,文本。
innerText:获取/设置标签元素中的文本,只获取标签中的文本
innerHTML和innerText的相同点:修改元素文本内容会覆盖原来的文本内容,只用于双标签。
innerHTML和innerText的不同点:当等号右边的字符串中有标签时,innerText不识别标签,当作文本显示出来
innetHTML识别标签
其他: 页面上的id元素可以直接使用,可以用id直接直接访问元素而不需要通过document.getElementById()来获取。
但是不推荐使用。
通过id和name访问元素,只能用document ,不能使用element(其他元素),因为element没有getElementById和getElementByName
属性。
控制台打印元素,console.log()方法是将元素的整个标签语句打印出来,console.dir()是将元素以对象的形式显示。