zoukankan      html  css  js  c++  java
  • 读《JavaScript dom编程艺术(第2版)》笔记 9-10

    style属性是一个对象,只能返回内嵌样式。

    当需要引用一个中间带减号的css属性时,DOM要求用驼峰命名法,即CSS属性font-family变为DOM属性fontFamliy:  element.style.fontFamily

    不管CSS样式属性的名字里有多少个连字符,DOM一律采用驼峰命名法来表示,即CSS属性backg-color对应DOM属性backgroundColor。

    css3兄弟选择符:E~F

    语法:E~F{....}

    选择E元素后的所有兄弟元素F

    css3相邻选择符:E+F

    语法:E+F{....}

    选择紧贴在E元素之后F元素

    伪类:hover  用来改变链接的样式,如果想利用伪类在鼠标指针悬停在其他元素上时改变样式,支持这种用法的浏览器没那么多。

    className属性,是一个可读/可写的属性,凡是元素节点都有这个属性。可以用className属性得到一个元素的class属性:  element。className  也可以更新元素属性: element.className=value,不足之处:通过className属性设置某个元素的class属性时将替换该元素原有的class设置。

    把新的class设置值追加到className属性上去:elem.className+=" inrto";

     position 属性的合法值有static、fixed、relative、absolute四种。static是position属性的默认值,意思是有关元素将按照它们在标记里出现的先后顺序出现在浏览器窗口里。relative与static相似,区别是position属性为relative的元素还可以(通过应用float属性)从文档的正常显示顺序里脱离出来。如果把某个元素的position属性设置为absolute,我们就可以把它摆放到容纳它的“容器”的任何位置。

    setTimeout函数:能够让某个函数在经过一段预定的时间之后才开始执行。这个函数有两个参数:第一个参数通常是一个字符串,其内容是将要执行的那个函数的名字;第二个参数是一个数值,以毫秒为单位设定了需要经过多长时间后才开始执行第一个参数所给出的函数,   setTimeout("function",interval)

    clearTimeout函数:取消“等待执行”队列里的某个函数。参数:保存着某个setTimeout函数调用返回值的变量     clearTimeout(variable)

    parseInt函数:可以把字符串里的数值信息提取出来,如果把一个以数字开头的字符串传递给这个函数,它将返回一个数值:parseInt(string)  返回值通常是整数,如需提取的是小数点的数值(浮点数)就用相应的parseFloat函数

    css的overflow属性:用来处理一个元素的尺寸超出其容器尺寸的情况。当一个元素包含的内容超出自身的大小时,就会发生内容溢出,这种情况可以对内容进行“裁剪”,只让一部分内容可见。你还可以通过overflow属性告诉浏览器是否需要显示滚动条,以便让用户能够看到内容的其余部分。

    overflow属性的可取值有:visible、hidden、scroll、auto

    visible:不裁剪溢出的内容。溢出内容呈现在其容器元素的显示区域以外,全部内容都可见。

    hidden:隐藏溢出的内容。内容只显示在其容器元素的显示区域里,这意味着只有一部分内容可见。

    scroll:类似于hidden,浏览器将对溢出的内容进行隐藏,但显示一个滚动条以便让用户能够滚动看到内容的其他部分。

    auto:类似于scroll,但浏览器只在确实发生溢出时才显示滚动条。如果内容没有溢出,就不显示滚动条。

    如果把position属性值是absolute的元素A放入一个position属性值是relative的元素B,B就成为A的容器元素,而A将在B的显示区域里按absolute方式进行摆放。

    Math.ceil方法:可以返回不小于参数的值的一个整数。  Math.ceil(number) 即将把浮点数number向“大于”方向舍入为与之最接近的整数。

    Math.floor方法:可以把任意浮点数向“小于”方向舍入为与之最接近的整数   Math.floor(number)

    Math.round方法:可以将任意浮点数舍入与之最接近的整数  Math.round(number)

  • 相关阅读:
    generator
    JS 中 apply 、call 、bind的详解
    前端面试题(24-js)
    JS原型链深入了解
    Java12新特性
    Java11-ZGC
    Java11新特性
    Java10新特性
    Java9新特性
    CF1385E【Directing Edges】 (拓扑排序)
  • 原文地址:https://www.cnblogs.com/wyy725872/p/4478995.html
Copyright © 2011-2022 走看看