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 窗口加载蒙板 内嵌网页内容
Nov 19 Javascript
Adapter适配器模式在JavaScript设计模式编程中的运用分析
May 18 Javascript
JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
Jun 24 Javascript
JS SetInterval 代码实现页面轮询
Aug 11 Javascript
微信小程序之GET请求的实例详解
Sep 29 Javascript
vue配置请求本地json数据的方法
Apr 11 Javascript
Vue.js中关于侦听器(watch)的高级用法示例
May 02 Javascript
JS基于Location实现访问Url、重定向及刷新页面的方法分析
Dec 03 Javascript
electron-vue开发环境内存泄漏问题汇总
Oct 10 Javascript
JS前端面试必备——基本排序算法原理与实现方法详解【插入/选择/归并/冒泡/快速排序】
Feb 24 Javascript
react antd表格中渲染一张或多张图片的实例
Oct 28 Javascript
教你使用vscode 搭建react-native开发环境
Jul 07 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网上调查系统
2006/10/09 PHP
php下清空字符串中的HTML标签的代码
2010/09/06 PHP
yii框架源码分析之创建controller代码
2011/06/28 PHP
php下载文件的代码示例
2012/06/29 PHP
php中smarty实现多模版网站的方法
2015/06/11 PHP
javascript 放大镜 v1.0 基于Yui2 实现的放大镜效果
2010/03/08 Javascript
借助javascript代码判断网页是静态还是伪静态
2014/05/05 Javascript
js中的caller和callee属性介绍和例子
2014/06/07 Javascript
node.js中的emitter.emit方法使用说明
2014/12/10 Javascript
js仿土豆网带缩略图的焦点图片切换效果实现方法
2015/02/23 Javascript
AngularJs IE Compatibility 兼容老版本IE
2016/09/01 Javascript
微信小程序中单位rpx和rem的使用
2016/12/06 Javascript
nodejs入门教程二:创建一个简单应用示例
2017/04/24 NodeJs
React Native实现进度条弹框的示例代码
2017/07/17 Javascript
Angularjs上传文件组件flowjs功能
2017/08/07 Javascript
vue2.0 中使用transition实现动画效果使用心得
2018/08/13 Javascript
基于Vue 服务端Cookies删除的问题
2018/09/21 Javascript
解决vue addRoutes不生效问题
2020/08/04 Javascript
Python面向对象中类(class)的简单理解与用法分析
2020/02/21 Python
Pycharm中import torch报错的快速解决方法
2020/03/05 Python
Pytorch 使用opnecv读入图像由HWC转为BCHW格式方式
2020/06/02 Python
详解CSS3的box-shadow属性制作边框阴影效果的方法
2016/05/10 HTML / CSS
CSS3毛玻璃效果(blur)有白边问题的解决方法
2016/11/15 HTML / CSS
俄罗斯电子产品在线商店:UltraTrade
2020/01/30 全球购物
好的自荐信的要求
2013/10/30 职场文书
金属材料工程个人求职的自我评价
2013/12/04 职场文书
营销总经理的岗位职责
2013/12/15 职场文书
总经理职责
2013/12/22 职场文书
会计自我鉴定
2014/02/04 职场文书
老干部工作先进集体事迹材料
2014/05/21 职场文书
环保志愿者活动总结
2014/06/27 职场文书
2014年小学辅导员工作总结
2014/12/23 职场文书
雷锋的观后感
2015/06/10 职场文书
教师节领导致辞
2015/07/29 职场文书
python中的plt.cm.Paired用法说明
2021/05/31 Python
Python日志模块logging用法
2022/06/05 Python