JavaScript学习笔记一

  1. JavaScript本身是一种脚本语言,和Java的关系并不大。JavaScript的代码执行顺序时从上到下依次按照顺序执行。所以注意在引用.js文件的时候一定要注意顺序,一般js文件都是在body里面的HTML的代码后面进行引入,因为一般都是整体的页面先出来,在进行相应的效果的调用。.js既可以在head里面调用,也可以在body里面调用。script文件写在HTML文档的任何位置,只是执行的时候按照顺序执行。

  2. 利用js来控制HTML元素的样式
    这里写图片描述
    这里通过调用HTML的CSS的行内式的style属性进行具体样式的设计,其中有的写法和CSS里面的写法不一样,比如设置背景颜色的时候我们在CSS里面直接用的style="background-color=skyblue;" 但是这里我们是用的document.getElemenById('box').style.backgroundColor='skyblue';

  3. 利用innerHTML属性来控制HTML元素的内容
    这里写图片描述
  4. 控制CSS的样式 利用className的属性进行设置
    这里写图片描述
    (这里注意CSS的样式分为行内式、内嵌式、链接式。行内式的优先级高于内嵌式,内嵌式高于链接式)
  5. 声明变量var 变量名=xx 使得书写更加简便
    这里写图片描述
  6. text-decoration:none—>用于a标签去掉下划线
    list-style:none—>用于去掉ul中的li前面的点

  7. 对于z-index设置无效的时候,可以将要设置的元素添加一个position:relative;

  8. 这里写图片描述
    这里要设置li元素中的a标签的属性,可以将a标签设置为display:inline-block;属性之后就可以进行块元素的操作
  9. margin-top也可以设置负值
posted @ 2017-07-23 10:35  crr121  阅读(85)  评论(0编辑  收藏  举报