js事件三要素:事件源,事件类型,事件处理
JavaScript的构成:ECMASript,BOM(浏览器对象模型),DOM(文档对象模型)
五大浏览器内核:safari(webkit),Google(Blink),Opera(presto),Firefox(Gecko),IE(trident).
页面从浏览器地址输入到呈现出来的过程:
一:解析地址 获取端口和ip来读取文件
二:生成DOM Tree 和 CSSTree
三:利用DOM Tree 和 CSSTree生成静态页面
四:js进行逻辑渲染
js语言特点:弱数据类型,解释型,面向对象,脚本语言,安全跨平台
js的三种引入方式:
一:行内引用(不推荐)
<div “javascript:;”> 常用于防止锚点跳转刷新网页
二:在head标签内定义(推荐):
否则会造成script标签提前结束。
界面弹框的三种方式:
一:alert() alert执行的时候会阻塞页面的加载
二:confirm() 执行时会返回true/false
三:prompt() 输入框,
控制台输出的几种信息:
一:console.log() 输出日志信息
二:console.error() 输出错误信息
三:console.warn() 输出警告信息
四:console.table({key:value}) 输出表格信息
五:console.clear() 清空控制台信息
往界面上输出信息:
document.write() 可以嵌套标签信息在里面进行渲染,
获取和设置元素内容:
document.querySelector(标签选择器/类选择器/id选择器).innerHTML
document.querySelector(标签选择器/类选择器/id选择器).innerHTML = “”或者.style.stylename=””
querySelector 和 querySelectorAll 的区别:
querySelector选择的标签若存在多个 则只会选择第一个 ,querySelector返回的对象是一个元素对象,直接可以用自己的属性和方法,querySelectorAll选择的是同类型的所有标签,返回的是一个节点列表对象 ,因此可以用遍历的方式取到每一个元素对象,进而再使用属性和方法。
变量:
在严格模式“use strict”下,变量必须用var 命名
有var和没有var的区别
有var声明的变量,有变量提升 ,反之,没有
用var声明的变量 不能用delete删除