推荐阅读
记得当年写静态页时,为了实现高亮都是在每个页面加不同的样式,呵.高亮显示我觉得对于web前端来说,是比较常用到的效果,正好此次又要用到,特地整理出我所写的两种高亮类. 其实思路很简单,第一种方法是通过遍历链接组>>>详细阅读
本文标题：CSS和Javascript简单复习资料
地址：http://www.17bianji.com/kaifa2/JS/26144.html
1/2 1
CSS和Javascript简单复习资料
作者： 来源：www.28hudong.com 2013-03-30 01:29:40 阅读次 我要评论
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：文档信息
关键词： 探索发现
乐购科技部分新闻及文章转载自互联网，供读者交流和学习，若有涉及作者版权等问题请及时与我们联系，以便更正、删除或按规定办理。感谢所有提供资讯的网站，欢迎各类媒体与乐购科技进行文章共享合作。
网友点评
精彩导读
科技快报
品牌展示© 2013-2016 IT技术 京ICP备11016124号-4
京公网安备 11011202000261号