客户端笔记三

Cursor光标样式

 

 

CSS选择器优先级：

!important,表示优先级最高，一旦在后面加上该字段，表示优先级最高，优先于其他CSS规则

 

优先级关系：

!important>>>id>>>class>>>element>>>伪类>>>*

 

Text-align 文字对齐方式

Text-decoration

 

定位属性：

 

宽度和裁剪属性：

用width和height控制宽度和高度

用clip和overflow控制元素的裁剪，使用这些属性的时候，position属性必须指定为absolute

Img{

         Position:absolute

         Clip:rect(0px50px 100px 0px)

 

}

 

margin: 0 auto;/*让div居中*/

 

 

如何切割图片：

通过 background-position:  Xpx  Y px

什么是JAVAScript

嵌入在网页中的程序

 

 

 

Onclick 点击事件。This 指当前元素

Onclick=”answer()”   answer()是函数

 

Onchange事件，select选项发生变化时触发

 

alert(message)  弹出对话框

 

select1.value 得到下拉框选项的value值

 

JS是一个弱类型，定义变量用var，该变量可以接受任意数据类型

由于JS是弱类型语言，所以形参只需要写变量名，而无需加类型

 

 

var tempDiv=null;

       //等待文档加载完毕后，在执行，确保页面上每个元素已经被浏览器所读取，并加载

       window.onload = function(){

           tempDiv = document.getElementById("friendDiv");

       }

 

 

//得到指定元素中所有标签为img的子元素集合.返回的是一个数组

           var imgArray = tempDiv.getElementsByTagName("img");

           for(var i=0;i<imgArray.length;i++){

                imgArray[i].onclick =function(){

                    cf(this);

                }

            }

 

 

 

Javascript 加入网页中的方式

1.      内嵌式:在网页中加入<script>标识，标识中间的内容为js代码。只能用于本网页

<script></script>

2.      外联式：将js代码独立成*.js 文件。通过<script> src属性导入，可以用于多个网页.

<script src=”*.js”></script>,注意，一旦该<script>标签导入了js文件，那么在该<script>标签中，就不能在写JS代码，需要写入的话 需要重新建一个<script>标签

3.      在元素事件中，加入js代码

<input type=”button” οnclick=”alert(‘ddd’)”>

4.      超链接伪URL格式

<a href=”javascript:alert(‘dddd’)”>跳转</a>

 

 

Js 变量

1.      弱类型，不一定要初始化

2.      弱类型是指变量任何数据都可以存放。可以存放数字，可以存放字符串，也可以存放对象的引用。

3.      正因为js是弱类型语言，所以形参不能指明变量的类型；

4.      变量的定义：

Var money; var title=”hello”, cost=10000; var name=”mike”;

 

 

 

 

Javascript保留关键字：

 

Break for   double   import  public   else   new  try    if   in  while   typeof

Void var

 

 

用户自定义的变量名和函数名不能和标签同名，函数名也不能和元素的ID相同

 

JS调用函数时，形成和实参的个数可以是不一致的，没有赋值的形参为undefined

函数返回值直接用return,若是没返回值则是undefined

 

JS数据类型

1.      Undefined 当声明的变量未初始化，值为undefined

当函数无明确返回值时，其调用结果也是undefined

2.      Null  值为null   null是从undefined派生来的，因此null==undefined

Null表示不存在的对象

3.      Boolean  true 或 false

4.      Number

即可表示32位整数，也可以表示64位浮点数、

Number.MAX_VALUE和numbe.MIN_VALUE定义了上下限

Number.POSITVE_INFINITY和Number.POSITIVE_INFINTYinfinity 表示无穷大。ifFintie()用来检验是否无穷大。NaN表示非数字，它与自身不相等。一般发生在类型转换失败时，isNaN()用来检验是否是数字。

5.      String 可以用双引号和单引号声明。字符类型提供了很多丰富的方法，详看API

 

 

Typeof(变量) 可以来检查该变量中存放的数据类型，如果变量赋值是空，则是object类型

 

 

数据类型转换

 

自动类型转换

将十转换为number类型在云上

 “10”-2 ： 8；

 “10”+2:  102

当作加运算时，如果操作数，有一个是字符串，那么做连接运算

先计算3+2 在和5 做连接

3+2 +“5” ： 55

 

先将字符串自动转换为number类型，再做乘法

“3”*“2”：6

先将字符串转化为number类型，由于转换失败，结果是NaN

“三”*“二”： NaN

NaN和自身不相等

NaN==NaN: false

 

IsNaN(“abc”): true；

IsNaN(“1”): false； 用来验证字符串是否非数字

 

55==’55’： true  //先将‘55’字符串转换为number再做比较

55===‘55’：false //三个等于是不但比较内容，而且比较类型

 

强制类型转换：

Var x=parseInt(“23”)+3; x=26

 

ParseInt(“12abc”) :12  会把数字后面非数字的自动去掉 如果没有数字或第一位是非数字则是NaN

 

parseInt(“3.14”) : 3

parseFloat(“3.14”):3.14