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:文档信息


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3