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 相关文章推荐
JavaScript的parseInt 取整使用
May 09 Javascript
jQuery表格行换色的三种实现方法
Jun 27 Javascript
JavaScript基础知识之数据类型
Aug 06 Javascript
jquery 动态创建元素的方式介绍及应用
Apr 21 Javascript
开发中可能会用到的jQuery小技巧
Mar 07 Javascript
给应用部分的js代码设定一个统一的入口
Jun 15 Javascript
node.js中的fs.writeFile方法使用说明
Dec 14 Javascript
jQuery实现友好的轮播图片特效
Jan 12 Javascript
JavaScript判断字符长度、数字、Email、电话等常用判断函数分享
Apr 01 Javascript
jquery实用技巧之输入框提示语句
Jul 28 Javascript
jquery插入兄弟节点的操作方法
Dec 07 Javascript
解决echarts数据二次渲染不成功的问题
Jul 20 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 动态生成静态HTML页面示例代码
2014/01/15 PHP
ThinkPHP查询返回简单字段数组的方法
2014/08/25 PHP
QQ互联一键登录审核不通过的解决方案
2014/09/10 PHP
PHPTree――php快速生成无限级分类
2018/03/30 PHP
php实现微信和支付宝支付的示例代码
2020/08/11 PHP
用js实现预览待上传的本地图片
2007/03/15 Javascript
HTML 自动伸缩的表格Table js实现
2009/04/01 Javascript
JavaScript 匿名函数(anonymous function)与闭包(closure)
2011/10/04 Javascript
js判断数据类型如判断是否为数组是否为字符串等等
2014/01/15 Javascript
js实现控制textarea输入字符串的个数,鼠标按下抬起判断输入字符数
2016/10/25 Javascript
使用JavaScript获取URL中的参数(两种方法)
2016/11/16 Javascript
JS之if语句对接事件动作逻辑(详解)
2017/06/28 Javascript
Node.js爬虫如何获取天气和每日问候详解
2019/08/26 Javascript
[09:37]DOTA2卡尔工作室 英雄介绍圣堂刺客篇
2013/06/13 DOTA
python实现人人网登录示例分享
2014/01/19 Python
Python对象转JSON字符串的方法
2016/04/27 Python
Python内置函数delattr的具体用法
2017/11/23 Python
Python自动抢红包教程详解
2019/06/11 Python
8种用Python实现线性回归的方法对比详解
2019/07/10 Python
Python线上环境使用日志的及配置文件
2019/07/28 Python
浅析Python3 pip换源问题
2020/01/06 Python
PyQt5事件处理之定时在控件上显示信息的代码
2020/03/25 Python
Python实现定时监测网站运行状态的示例代码
2020/09/30 Python
使用pandas读取表格数据并进行单行数据拼接的详细教程
2021/03/03 Python
澳大利亚游乐场设备品牌:Lifespan Kids
2019/05/24 全球购物
Watch Station官方网站:世界一流的手表和智能手表
2020/01/05 全球购物
沃尔玛加拿大:Walmart.ca
2020/03/02 全球购物
办加油卡单位介绍信
2014/01/09 职场文书
2014教师年度思想工作总结
2014/11/10 职场文书
2015年先进个人自荐书
2015/03/24 职场文书
同学聚会感言一句话
2015/07/30 职场文书
Android Studio 计算器开发
2022/05/20 Java/Android
CentOS7安装MySQL8的超级详细教程(无坑!)
2022/06/10 Servers
Windows server 2012 NTP时间同步的实现
2022/06/25 Servers
js作用域及作用域链工作引擎
2022/07/07 Javascript
mysql数据库如何转移到oracle
2022/12/24 MySQL