CSS和Javascript简单复习资料_javascript技巧

CSS：

内联样式表 标签内直接加style=””

嵌入式样式表 定义在标签

             

外部样式表   

             

 

       选择器：

HTML选择器：接在html标签后加css

                            如：p{color:red}

                     class选择器：1 在html标签后加class名，再加css

                            如：p.red{color:red}

                                          2 直接加class名，再加css

                            如：.red{color:red} 注意前面有个点

                     ID选择器：在ID前加一个#号

                            如：#red{color:red} ID选择器只为某一ID的控件使用

                     关联选择器：有嵌套的html标签，用空格隔开

                            如：P EM{color:red}

                     组合选择器：多个html标签，用逗号隔开

                            如： H1,H2,H3{color:red}

                     伪元素选择器：HTML元素：伪元素

                            如：A:link{color:red}

 

       注释：使用 /* … */ 进行注释，不可嵌套

 

javascript：

javascript的数据类型：

              基本数据类型：数值、字符串、布尔、空、undefined

注意：javascript中字符串是基本类型，传递的是值，不是地址。和java不同。

              转义字符

              变量：字母、数字、下划线、美元符$ ，以字母开头

 

javascript的函数：

function 函数名 (参数){
函数体；

              return 表达式；

}

              注意：函数由function定义。

              形参：javascript不要求实参和形参个数相等，可以通过使用function_name.arguments.length来得到传过来的参数的个数。

              内部函数：    encodeURI / decodeURI

                                   parseInt / pareFloat

                                   isNan 检测parseInt / pareFloat的值是否是NaN

                                   escape / unescape 对一个字符串进行编码后的字符串

                                   eval 把一个字符串作为一个JavaScript表达式

 

javascript：

javascript的数据类型：

              基本数据类型：数值、字符串、布尔、空、undefined

注意：javascript中字符串是基本类型，传递的是值，不是地址。和java不同。

              转义字符

              变量：字母、数字、下划线、美元符$ ，以字母开头

 

javascript的函数：

function 函数名 (参数){
函数体；

              return 表达式；

}

              注意：函数由function定义。

              形参：javascript不要求实参和形参个数相等，可以通过使用function_name.arguments.length来得到传过来的参数的个数。

              内部函数：    encodeURI / decodeURI

                                   parseInt / pareFloat

                                   isNan 检测parseInt / pareFloat的值是否是NaN

                                   escape / unescape 对一个字符串进行编码后的字符串

                                   eval 把一个字符串作为一个JavaScript表达式

 

javascript的对象：

              对象的属性：不需要先定义，可以直接使用

              对象的方法：

                             定义：对象名.方法名 = 函数名

                             调用：对象名.方法名()

                             如：

                                   //定义了一个方法

                                          function sayname(){

                                                 alert(“name”);

                                          }

                                          object1.say=sayname;

                                          object1.say();

              对象的定义：

                            对象定义时，对象的属性可以自己定义。

                            用for ( var prop in object) {}可以遍历object里面的属性

              内部对象：    Object对象： new Object() 新建一个对象

                                  String对象：

                                                        属性：    length

                                                        方法：    indexOf() / lastIndexOf()

                                                                     match(正则表达式)

                                                                      正则表达式：

                                                                                    以/ …. /作为标志

                                                                                    使用test()方法，符合条件返回true

                                                                      replace() 替换第一次出现的字符

                                                                      split() 返回一个数组

                                                                      substring() 截位置 / substr() 截长度

                                   Math对象：   Math对象是静态对象，需要用Math.方法名()调用

                                   Date对象：   new Date() 构造方法

                                                        getYear() / getMonth()+1 / getDate() / getDay/ getTime()

                                   toString方法：     toString()可以转换进制 如toString(2);

 

数组：    var arr = new Array();

              同一个数组中可以加不同类型的值。数组的长度可变。

      

javascript的局部变量建立后，可以在整个函数体内中的任何地方使用。

 

事件驱动(通用)： onClick();

                            onChange()： text / textarea 输入字符时

                                                 select 中选项改变时

                            onSelect()：   text / textarea 中文字被选中时

                            onFocus() / onBlur 获得 / 失去 焦点

                            onLoad() / onUnload();

 

document对象：  

方法：

              write() / writeln() 使用后要用 close() 关闭

              getElementById / getElementsByName 得到元素

              createElement()

包含对象：

              forms数组 得到

对象

              links数组 得到对象

              anchors数组 得到对象

              all数组 得到所有对象

 

body对象：          事件：

                                          onselectstart  =”return false” 时就不能选择网页上的东西了

                                          onscroll

                            包含对象：

                                          all

                                          style

form对象：          方法：   submit()

                                          reset()

                            事件：    onsubmit   函数体内 return true or false 判断是否提交表单

                            包含对象：

                                          text / textarea / select / checkbox / radio