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 相关文章推荐
js Date自定义函数 延迟脚本执行
Mar 10 Javascript
Jquery获取复选框被选中值的简单方法
Jul 04 Javascript
Vue.js基础知识汇总
Apr 27 Javascript
Easyui 之 Treegrid 笔记
Apr 29 Javascript
AngularJS Ajax详解及示例代码
Aug 17 Javascript
arcgis for js 修改infowindow样式的方法
Nov 02 Javascript
js实现右键自定义菜单
Dec 03 Javascript
Vue.js学习教程之列表渲染详解
May 17 Javascript
从零到一详聊创建Vue工程及遇到的常见问题
Apr 25 Javascript
js核心基础之闭包的应用实例分析
May 11 Javascript
.netcore+vue 实现压缩文件下载功能
Sep 24 Javascript
深入讲解Vue中父子组件通信与事件触发
Mar 22 Vue.js
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
从C/C++迁移到PHP——判断字符类型的函数
2006/10/09 PHP
基于php split()函数的用法详解
2013/06/05 PHP
php中让上传的文件大小在上传前就受限制的两种解决方法
2013/06/24 PHP
PHP magento后台无法登录问题解决方法
2016/11/24 PHP
yii2 url重写并隐藏index.php方法
2018/12/10 PHP
PHP MVC框架中类的自动加载机制实例分析
2019/09/18 PHP
javascript的函数
2007/01/31 Javascript
div移动 输入框不能输入的问题
2009/11/19 Javascript
简单的两种Extjs formpanel加载数据的方式
2013/11/09 Javascript
jQuery的选择器中的通配符使用介绍
2014/03/20 Javascript
javascript中的return和闭包函数浅析
2014/06/06 Javascript
jQuery实现下滑菜单导航效果代码
2015/08/25 Javascript
javascript生成img标签的3种实现方法(对象、方法、html)
2015/12/25 Javascript
domReady的实现案例
2016/11/23 Javascript
JS原生带小白点轮播图实例讲解
2017/07/22 Javascript
JavaScript基础之流程控制语句的用法
2017/08/31 Javascript
jQuery实现切换隐藏与显示同时切换图标功能
2017/10/29 jQuery
浅析Vue自定义组件的v-model
2017/11/26 Javascript
Vue2.0实现简单分页及跳转效果
2019/07/29 Javascript
JS sort排序详细使用方法示例解析
2020/09/27 Javascript
Javascript实现关闭广告效果
2021/01/29 Javascript
python控制windows剪贴板,向剪贴板中写入图片的实例
2018/05/31 Python
django框架基于模板 生成 excel(xls) 文件操作示例
2019/06/19 Python
Python OpenCV 使用滑动条来调整函数参数的方法
2019/07/08 Python
通过PHP与Python代码对比的语法差异详解
2019/07/10 Python
浅谈python元素如何去重,去重后如何保持原来元素的顺序不变
2020/02/28 Python
澳大利亚网上买书:Angus & Robertson
2019/07/21 全球购物
英国领先的在线鱼贩:The Fish Society
2020/08/12 全球购物
历史学专业个人的自我评价
2013/10/13 职场文书
单位领导证婚词
2014/01/14 职场文书
数控技术专业毕业自荐书范文
2014/02/05 职场文书
《猴子种树》教学反思
2014/02/14 职场文书
报到证办理个人委托书
2014/10/06 职场文书
大国崛起观后感
2015/06/02 职场文书
关于感恩的素材句子(38句)
2019/11/11 职场文书
windows11选中自动复制怎么开启? Win11自动复制所选内容的方法
2022/07/23 数码科技