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 相关文章推荐
innerText和innerHTML 一些问题分析
May 18 Javascript
jquery自定义类似$.ajax()的方法实现代码
Aug 13 Javascript
同域jQuery(跨)iframe操作DOM(示例代码)
Dec 13 Javascript
jquery实现submit提交表单
Feb 03 Javascript
使用vue.js开发时一些注意事项
Apr 27 Javascript
JavaScript中闭包之浅析解读(必看篇)
Aug 25 Javascript
jquery.tableSort.js表格排序插件使用方法详解
Aug 12 Javascript
vue2.0实现分页组件的实例代码
Jun 22 Javascript
jQuery基于闭包实现的显示与隐藏div功能示例
Jun 09 jQuery
Vue页面跳转动画效果的实现方法
Sep 23 Javascript
eslint+prettier统一代码风格的实现方法
Jul 22 Javascript
vue 路由缓存 路由嵌套 路由守卫 监听物理返回操作
Aug 06 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伪造referer实例代码
2008/09/20 PHP
PHP字符编码问题之GB2312 VS UTF-8解决方法
2011/06/23 PHP
PHP 文本文章分页代码 按标记或长度(不涉及数据库)
2012/06/07 PHP
thinkphp模板输出技巧汇总
2014/11/24 PHP
php修改数组键名的方法示例
2017/04/15 PHP
PHP实现给定一列字符,生成指定长度的所有可能组合示例
2019/06/22 PHP
PHP中迭代器的简单实现及Yii框架中的迭代器实现方法示例
2020/04/26 PHP
多种方式实现JS调用后台方法进行数据交互
2013/08/20 Javascript
jQuery实现的小图列表,大图展示效果幻灯片示例
2016/10/25 Javascript
基于jQuery实现数字滚动效果
2017/01/16 Javascript
vue中用动态组件实现选项卡切换效果
2017/03/25 Javascript
vue2.0 与 bootstrap datetimepicker的结合使用实例
2017/05/22 Javascript
解决npm管理员身份install时出现权限的问题
2018/03/16 Javascript
微信小程序实现的动态设置导航栏标题功能示例
2019/01/31 Javascript
IE11下处理Promise及Vue的单项数据流问题
2019/07/24 Javascript
js中位数不足自动补位扩展padLeft、padRight实现代码
2020/04/06 Javascript
vue+elementUI中表格高亮或字体颜色改变操作
2020/11/02 Javascript
js面向对象封装级联下拉菜单列表的实现步骤
2021/02/08 Javascript
[40:12]Liquid vs Chaos 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python获取邮件地址的方法
2015/07/10 Python
Python 读写文件的操作代码
2018/09/20 Python
Python随机函数库random的使用方法详解
2019/08/21 Python
解决tensorflow/keras时出现数组维度不匹配问题
2020/06/29 Python
python利用线程实现多任务
2020/09/18 Python
详解win10下pytorch-gpu安装以及CUDA详细安装过程
2021/01/28 Python
浅谈HTML5 Web Worker的使用
2018/01/05 HTML / CSS
Giglio英国站:意大利奢侈品购物网
2018/03/06 全球购物
中国专业的音频分享平台:喜马拉雅
2019/05/24 全球购物
初中三好学生事迹材料
2014/01/13 职场文书
简历自我评价模版
2014/01/31 职场文书
经贸专业毕业生求职信
2014/03/23 职场文书
幼儿教师辞职信
2015/02/27 职场文书
储备店长岗位职责
2015/04/14 职场文书
订货会主持词
2015/07/01 职场文书
2016年国庆节新闻稿范文
2015/11/25 职场文书
蔬果开业典礼发言稿应该怎么写?
2019/09/03 职场文书