html+css+js 小记

下文仅作参考                         

                   -----web白

 

1.   css之background:

background:pink url(../images/3.png) no-repeat 30px 0px;  背景颜色，背景图片，背景图片不重复，背景图片位置
background-image: url(../images/3.png); 背景图片
background-repeat:no-repeat;
background-position:right top; 背景图片位置
background-repeat:repeat-y;
/*background-attachment有三个属性scroll（随其余部分滚动，默认值），fixed（不随其余部分滚动），inherit（继承父亲）*/
background-attachment:fixed;

2.HTML <input> 标签的 name 属性
 name 属性规定 input 元素的名称。
 name 属性用于对提交到服务器后的表单数据进行标识，或者在客户端通过 JavaScript 引用表单数据。
 注释：只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。

3.header标签

  Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <header> 标签。IE8以及以下恶标签不支持

  是H5的新标签

  footer、section等也是H5的新标签

  最后由于在HTML5中header属于块元素，如果我们要在大多数主流浏览器使用的话最好定义CSS，如下：

   header{display:block;}

 4. 内联元素设置高宽无效，margin无效， 宽和高是其中元素的大小；块状元素可以设置高宽、marign，高是其中元素的高，宽是父亲的宽。

    绝对定位是相对于父亲的绝对定位，父亲是相对定位。

    绝对定位是：position：absolute；

    top设置的是绝对定位的上边与父亲的上边的距离；left设置的是绝对定位的左边与父亲左边的距离；right设置的是绝对定位的右边与

    父亲右边的距离；bottom设置的是绝对定位的下边与父亲下边的距离。

相对定位是：position：relative；

    

  5.javascript 

javascript局部作用域：变量在函数内声明，变量为局部变量，局部变量只能在函数内部访问，不同函数可以使用相同名称的变量，
                      局部变量在函数开始执行时创建，函数执行完后局部变量自动销毁。
                      函数参数是局部变量，只在函数内起作用。

   javascript全局变量：在函数外定义，即为全局变量；全局变量有全局作用域，网页中所有脚本和函数均可以使用；

                               如果变量在函数内没有声明（没有使用关键字var）该变量为全局变量。

  javascript变量生命周期：javascript变量生命周期在它生命时初始化，局部变量在函数执行完毕后销毁，全局变量在网页关闭后销毁。

  javascript中的循环语句有：for，for/in，while，do/while
  主要是记for/in 语句循环遍历对象的属性：var person={fname:"Bill",lname:"Gates",age:56};
                                                          for (x in person){
                                                             txt=txt + person[x];
                                                          }
  其余的循环规则与java相同
 javascript中break和continue的使用与在java中相同
 javascript中需要注意的if结果未false时的条件：0，false，null（但是当定义的变量数据类型为空的数组或者为空的对象时，这时是真）
 javascript注意事项：（1）.var x=10；var y='10'; if(x==y) 此时条件为真，若写成 if(x===y)便为假，因为'=='是忽略类型比较，‘===’是类型和数值完全相  等。这种错误经常会在 switch 语句中出现，switch 语句会使用恒等计算符(===)进行比较
                             （2）.加法与连接注意：var x = 10 + 5; // x 的结果为 15
                                                            var x = 10 + "5"; // x 的结果为 "105"
                             （3）数组中取值的方式只有一种，person[0](即只有这一种赋值的方法)
                                    对象中有两种：person["firstName"] 或 person.lastName;（即有这两种赋值的方法）

                                    数组中有.length,对象中没有。

 

 

 

       

转载于:https://www.cnblogs.com/luckyHellen/p/6406209.html