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 相关文章推荐
lib.utf.js
Aug 21 Javascript
JavaScript 克隆数组最简单的方法
Feb 12 Javascript
jquery对表单操作2
Apr 06 Javascript
基于jquery的blockui插件显示弹出层
Apr 14 Javascript
Javascript基础教程之break和continue语句
Jan 18 Javascript
jquery模拟进度条实现方法
Aug 03 Javascript
Vue.js Ajax动态参数与列表显示实现方法
Oct 20 Javascript
js Date()日期函数浏览器兼容问题解决方法
Sep 12 Javascript
浅谈Vue.set实际上是什么
Oct 17 Javascript
React生命周期原理与用法踩坑笔记
Apr 28 Javascript
jquery实现穿梭框功能
Jan 19 jQuery
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
Jun 29 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
收集的php编写大型网站问题集
2007/03/06 PHP
PHP 5.3新增魔术方法__invoke概述
2014/07/23 PHP
yii实现model添加默认值的方法(2种方法)
2016/01/06 PHP
PHP实现根据数组的值进行分组的方法
2017/04/20 PHP
PHP实现的最大正向匹配算法示例
2017/12/19 PHP
一个很简单的办法实现TD的加亮效果.
2006/06/29 Javascript
基于jquery的获取mouse坐标插件的实现代码
2010/04/01 Javascript
使用jQuery Ajax功能时需要注意的一个问题(内存溢出)
2012/05/30 Javascript
javascript学习笔记(十七) 检测浏览器插件代码
2012/06/20 Javascript
有关于eclipse配置spket需要注意的一些地方
2013/04/07 Javascript
利用Keydown事件阻止用户输入实现代码
2014/03/11 Javascript
javascript实现列表滚动的方法
2015/07/30 Javascript
JQuery点击行tr实现checkBox选中的简单实例
2016/05/26 Javascript
浅谈JavaScript 浏览器对象
2016/06/03 Javascript
浅谈jquery点击label触发2次的问题
2016/06/12 Javascript
使用 NodeJS+Express 开发服务端的简单介绍
2017/04/07 NodeJs
nodejs个人博客开发第七步 后台登陆
2017/04/12 NodeJs
Vue的移动端多图上传插件vue-easy-uploader的示例代码
2017/11/27 Javascript
JavaScript 中使用 Generator的方法
2017/12/29 Javascript
jquery的$().each和$.each的区别
2019/01/18 jQuery
初学node.js中实现删除用户路由
2019/05/27 Javascript
Webpack中SplitChunksPlugin 配置参数详解
2020/03/24 Javascript
关于vue3默认把所有onSomething当作v-on事件绑定的思考
2020/05/15 Javascript
JavaScript中window和document用法详解
2020/07/28 Javascript
[05:06]2017亚洲邀请赛DAC回顾片
2017/04/19 DOTA
[40:05]LGD vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
[43:49]LGD vs CHAOS 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
python实现图片处理和特征提取详解
2017/11/13 Python
详解Python sys.argv使用方法
2019/05/10 Python
Python Tkinter 简单登录界面的实现
2019/06/14 Python
keras load model时出现Missing Layer错误的解决方式
2020/06/11 Python
菲律宾最大的网上花店和礼品店:PhilFlower.com
2018/02/09 全球购物
演讲稿开场白
2014/01/13 职场文书
2014年驾驶员工作总结
2014/11/18 职场文书
Sql Server之数据类型详解
2022/02/28 SQL Server
Windows Server 2019 安装DHCP服务及相关配置
2022/04/28 Servers