CSS:
内联样式表 标签内直接加style=””
嵌入式样式表 定义在<head>标签
<style type=”text/css”>
外部样式表
<link rel=”StyleSheet” href=https://www.jb51.net/”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=https://www.jb51.net/””></a>对象
anchors数组 得到<a name=https://www.jb51.net/””></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:文档信息