CSS和Javascript简单复习资料 |
本文标签: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(): select 中选项改变时 onSelect(): 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 判断是否提交表单 包含对象: 方法: blur / focus click add (select 用) 属性: disabled / readOnly value checked select特殊的属性: multiple 是否可以复选 selectedIndex 选择的Index options 返回options数组 option属性 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:文档信息 |