美文网首页
2018-04-17JS基础,操作DOM树

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

作者: XGCrown | 来源:发表于2018-11-29 10:03 被阅读0次

    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树

          本文链接:https://www.haomeiwen.com/subject/vspukftx.html