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() ： tex t / tex tarea 输入字符时

select 中选项改变时

onSelect() ： tex t / tex tarea 中文字被选中时

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 判断是否提交表单

包含对象：

tex t / tex tarea / select / checkbox / radio