CSS和Javascript简单复习资料

CSS：

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

嵌入式样式表 定义在<head>标签

<style type=”text/css”>

外部样式表

<link rel=”StyleSheet” href=”style.css”>

选择器：

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数组 得到<form></form>对象

links数组 得到<a href=””></a>对象

anchors数组 得到<a name=””></a>对象

all数组 得到所有对象

body对象：          事件：

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

onscroll

包含对象：

all

style

form对象：          方法：   submit()

reset()

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

包含对象：

text / textarea / select / checkbox / radio：

方法：    blur / focus

click

add (select 用)

属性：    disabled / readOnly

value

checked

select特殊的属性：

multiple 是否可以复选

selectedIndex 选择的Index

options 返回options数组

option属性

text / value

selected

index

事件：   onChange

onSelect

onFocus

onBlur

window对象：      方法：    alert() / prompt() / confirm() ：

prompt()返回的是值 / confirm()返回 true/false

open() / close()

setInterval() / setTimeout()   对应 clearInterval / clearTimeout

moveTo / resizeTo

showModalDialog() / showModalessDialog()

showModalDialog()中可以用第二个参数向对话框传值

对话框可以用returnValue返回值

事件：    onresize事件

对象：    location：地址栏对象，可以得到地址栏或者改变网页

刷新：reload()

event：得到事件源

frames：数组

screen：提供显示器信息

history： go(0 / -1)  / back() /     forward()

navigator：浏览器信息

document：文档信息