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

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系[e-mail]核实处理。