CSS和Javascript简单复习资料


Posted in Javascript onJune 29, 2010

CSS

内联样式表 标签内直接加style=””

嵌入式样式表 定义在<head>标签

              <style type=”text/css”>

外部样式表   

              <link rel=”StyleSheet” href=”style.css”>

<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

 

       选择器

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() <?xml:namespace prefix = st1 ns = "urn:schemas-microsoft-com:office:smarttags" />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:文档信息  

Javascript 相关文章推荐
一个可以兼容IE FF的加为首页与加入收藏实现代码
Nov 02 Javascript
javascript 强制刷新页面的实现代码
Dec 13 Javascript
Javascript技巧之不要用for in语句对数组进行遍历
Oct 20 Javascript
使用JavaScript构建JSON格式字符串实现步骤
Mar 22 Javascript
JS实现来回出现文字的状态栏特效代码
Oct 31 Javascript
javascript html5移动端轻松实现文件上传
Mar 27 Javascript
基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)
Jun 09 Javascript
vue组件之间数据传递的方法实例分析
Feb 12 Javascript
JavaScript解析JSON数据示例
Jul 16 Javascript
ES10的13个新特性示例(小结)
Sep 23 Javascript
js判断密码强度的方法
Mar 18 Javascript
Map与WeakMap类型在JavaScript中的使用详解
Nov 18 Javascript
javascript与CSS复习(三)
Jun 29 #Javascript
javascript与CSS复习(二)
Jun 29 #Javascript
javascript与CSS复习(《精通javascript》)
Jun 29 #Javascript
通过javascript的匿名函数来分析几段简单有趣的代码
Jun 29 #Javascript
JavaScript 联动的无限级封装类,数据采用非Ajax方式,随意添加联动
Jun 29 #Javascript
Whatever:hover 无需javascript让IE支持丰富伪类
Jun 29 #Javascript
javascript hasFocus使用实例
Jun 29 #Javascript
You might like
一个程序下载的管理程序(二)
2006/10/09 PHP
几个php应用技巧
2008/03/27 PHP
PHP STRING 陷阱原理说明
2010/07/24 PHP
PhpStorm 2020.3:新增开箱即用的PHP 8属性(推荐)
2020/10/30 PHP
Apache站点配置SSL强制跳转443
2021/03/09 Servers
用javascript获得地址栏参数的两种方法
2006/11/08 Javascript
JS中令人发指的valueOf方法介绍
2013/02/22 Javascript
jquery实现ajax提交form表单的方法总结
2014/03/03 Javascript
Jquery解析json字符串及json数组的方法
2015/05/29 Javascript
JS文字球状放大效果代码分享
2015/08/19 Javascript
IE11下使用canvas.toDataURL报SecurityError错误的解决方法
2017/11/19 Javascript
30分钟快速入门掌握ES6/ES2015的核心内容(上)
2018/04/18 Javascript
Vue 全家桶实现移动端酷狗音乐功能
2018/11/16 Javascript
VuePress 中如何增加用户登录功能
2019/11/29 Javascript
JS严格模式原理与用法实例分析
2020/04/27 Javascript
Vue实现多页签组件
2021/01/14 Vue.js
Python易忽视知识点小结
2015/05/25 Python
如何利用Fabric自动化你的任务
2016/10/20 Python
利用Python脚本生成sitemap.xml的实现方法
2017/01/31 Python
python如何拆分含有多种分隔符的字符串
2018/03/20 Python
Python实现的括号匹配判断功能示例
2018/08/25 Python
详解Python 4.0 预计推出的新功能
2019/07/26 Python
wxPython绘图模块wxPyPlot实现数据可视化
2019/11/19 Python
Pandas —— resample()重采样和asfreq()频度转换方式
2020/02/26 Python
HTML5+CSS3模仿优酷视频截图功能示例
2017/01/05 HTML / CSS
享受加州生活方式的时尚舒适:XCVI
2018/07/09 全球购物
《寓言两则》教学反思
2014/02/27 职场文书
2014全国两会大学生学习心得体会
2014/03/10 职场文书
商场租赁意向书
2014/07/30 职场文书
交通违章检讨书
2014/09/21 职场文书
居委会个人对照检查材料思想汇报
2014/09/29 职场文书
工作失职检讨书
2015/01/26 职场文书
入伍通知书
2015/04/23 职场文书
2015年治庸问责工作总结
2015/07/27 职场文书
2019年中学生的思想品德评语集锦
2019/12/19 职场文书
python用tkinter开发的扫雷游戏
2021/06/01 Python