2018-04-17JS基础,操作DOM树

1. JS基础(包括:输出,提示框,弹出框,打开新窗口,各种语句等)

2 JS操作DOM树(HTML文档结构)JS基础,操作DOM树

重点:

1.输出的方法?

alert()弹出框输出。

console.log(),console.dir(),console.error(),console.info(),console.warn()等输出到浏览器控制台。

document.write()和document.writeln()输出到文档,注意如果文档渲染完成后再使用此方法输出会覆盖原来的文档。

2.JS调用代码?

使用chrome或firefox浏览器自带的调试工具,快捷键f8继续执行,

f10跨越执行(主要是跨过函数),f11(步进,跳入函数中去执行)单步执行,shift+f11(步出,跳出函数)中断执行

3.对象的语法风格,对象的访问方式?

使用{}包裹,可以打点调用,也可以使用[]的形式调用。

函数的语法风格,函数的调用方式?

函数使用关键字function进行定义,函数名使用小驼峰(首字母小写,其他单词开头字母大写),命名规则与变量相同。

{}中是函数体,即函数的执行逻辑代码。函数可以有返回值,使用return关键字返回,也可以没有返回值。

4.运算符?

算术运算符,比较运算符,逻辑运算符,位运算符(不常用,自行了解)

算术运算符:+,-,*,/,%,++,--

比较运算符:>,<,>=,<=,!=,==,===

逻辑运算符:&&(and并列关系,与),||(or或者,或),!(not取反,非)

5.语句?

if...else...

switch

for(for/in)

while(do...while...)

break

continue

return

其中:

分支语句包括:if...else...,switch

循环语句包括:for,for...in...,while,do...while...

中断语句包括:break,continue

返回语句包括:return

6.JS获取DOM方式?

旧方法:

document.getElementById()

document.getElementsByClass()

document.getElementsByTagName()

document.getElementsByName()

新方法:

document.querySelector()

document.querySelectorAll()

其他方法:

document.documentElement

document.head

document.title

document.body

document.all

document.anchors

document.images

document.forms

document.scripts

document.links

7.JS更改元素内容?

操作元素对象的如下属性:

innerHTML,innerText, textContent

JS创建元素?createElement()

JS添加元素到某个容器?appendChild()

JS插入元素?insertBefore()

JS删除元素? removeChild()

JS替换元素?replaceChild()

你可能感兴趣的:(2018-04-17JS基础,操作DOM树)