• 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也可以设置负值
    欢迎关注我的公众号:小秋的博客 CSDN博客:https://blog.csdn.net/xiaoqiu_cr github:https://github.com/crr121 联系邮箱:rongchen633@gmail.com 有什么问题可以给我留言噢~
  • 相关阅读:
    docker应用部署
    Netty实现WebSocket通信
    spring-mvc框架简单搭建
    spring-tx 事物
    spring注解及简单实用
    Spring Aop实现简单代码实现
    Jedis操作
    Proxy说明
    下载返回流
    向上捅破天,向下扎到根
  • 原文地址:https://www.cnblogs.com/flyingcr/p/10428333.html
Copyright © 2020-2023  润新知