当前位置：首页 > 资讯 > 技术文档

CSS和Javascript简单复习资料

时间：2022-04-29 12:07 编辑：来源：阅读：
扫一扫，手机访问

摘要：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 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

全部评论(0)

上一篇：渐变的Alert
下一篇：js实现按钮颜色渐变动画效果

资讯排行榜
更多>>