- 浏览: 331544 次
- 性别:
- 来自: 杭州
文章分类
- 全部博客 (354)
- 学习 (219)
- 工作 (69)
- 前端技术 (188)
- 个人评论 (1)
- 工作总结 (1)
- 工作的方法 (1)
- 代码库 (1)
- jQuery (63)
- javascript (4)
- css (4)
- 网络通信协议 (3)
- web (7)
- 服务端性能 (1)
- 优化 (1)
- html5 (4)
- serialize (1)
- 上线页面 (1)
- ie6 (6)
- js (1)
- iframe (1)
- flash (1)
- a (1)
- img (1)
- 页面tms的要求 (1)
- kissy (3)
- 需求也页面 (0)
- 需求页面 (2)
- 视频插件 (1)
- 切图片 (1)
- map (1)
- display (1)
- 浮动定位 (1)
- 大小图片的切换功能 (2)
- demo (1)
- margin (1)
- a标签 (1)
- border (1)
- 侧导航 (1)
- 切换PNG格式的css (1)
- padding (1)
- 显示添加和删除 (1)
- 滚动条 (1)
- 和图片处理 (1)
- 移动端 (1)
- 定位 (1)
- 移动端的包的引入作用与直接拨打电话的A标签 (1)
- git (1)
- node.js (1)
- Zepto (1)
最新评论
-
幻紫1992:
还有分页的功能、、(⊙o⊙)嗯
[JS代码库] -
幻紫1992:
就是没有返回顶部的按钮,这个页面、、
[JS代码库] -
幻紫1992:
很受用,O(∩_∩)O谢谢啦~
[JS代码库] -
nlnl520coco:
想下个东西 规则太苛刻了 网站得改进
[JS代码库] -
hxp520520:
new Limiter() 这个对象是kissy API里面的 ...
Limiter的简单demo--20131029
5月月31号工作
- 博客分类:
- 前端技术
今天的工作
1、
js可以直接用内联样式表来实现
这个效果就是在点击“请点击该文本” 会直接变成 “谢谢!”
HTML 事件的例子
当用户点击鼠标时
(当用户的鼠标点击下以后才会触发)
当网页已加载时
(当打开页面开始加载要观看的页面的时候会触发事件并在页面加载完成后看见效果)
当图像已加载时
(当事件的图片的html加载到图片时图片触发事件效果)
当鼠标移动到元素上时
(鼠标在移动到带有事件效果的元素上元素就会触发事件并看见效果)
当输入字段被改变时
(当在指定的事件的输入框内输入字符串事 触发的事件并看见效果)
当提交 HTML 表单时
(在点击了提交表单按钮是在按钮本身设置的效果就会触发)
当用户触发按键时
(带有事件的元素获得焦点后在按下设定的按键就会触发事件效果)
在这里例子中通过js可以直接把Date元素加入到demoID里面去在点击按钮以后直接加入不想以前写的需要在加入的body在写一个js在接受Date元素
面向对象语言的要求
一种面向对象语言需要向开发者提供四种基本能力
封装 - 把相关的信息(无论数据或方法)存储在对象中的能力
聚集 - 把一个对象存储在另一个对象内的能力
继承 - 由另一个类(或多个类)得来类的属性和方法的能力
多态 - 编写能以多种方法运行的函数或方法的能力
ECMAScript 支持这些要求,因此可被是看做面向对象的。
对象的构成
在 ECMAScript 中,对象由特性(attribute)构成,特性可以是原始值,也可以是引用值。如果特性存放的是函数,它将被看作对象的方法(method),否则该特性被看作对象的属性(property)。
工厂方式:原始的方式
在上面的代码中,创建对象 car。然后给它设置几个属性:它的颜色是蓝色,有四个门,每加仑油可以跑 25 英里。最后一个属性实际上是指向函数的指针,意味着该属性是个方法。执行这段代码后,就可以使用对象 car。
不过这里有一个问题,就是可能需要创建多个 car 的实例。
要修改显示出来的效果只需要修改
把color换成其他的三个就可以了
1、
<!DOCTYPE html> <html> <body> <h1 onclick="this.innerHTML='谢谢!'">请点击该文本</h1> </body> </html>
js可以直接用内联样式表来实现
这个效果就是在点击“请点击该文本” 会直接变成 “谢谢!”
HTML 事件的例子
当用户点击鼠标时
(当用户的鼠标点击下以后才会触发)
当网页已加载时
(当打开页面开始加载要观看的页面的时候会触发事件并在页面加载完成后看见效果)
当图像已加载时
(当事件的图片的html加载到图片时图片触发事件效果)
当鼠标移动到元素上时
(鼠标在移动到带有事件效果的元素上元素就会触发事件并看见效果)
当输入字段被改变时
(当在指定的事件的输入框内输入字符串事 触发的事件并看见效果)
当提交 HTML 表单时
(在点击了提交表单按钮是在按钮本身设置的效果就会触发)
当用户触发按键时
(带有事件的元素获得焦点后在按下设定的按键就会触发事件效果)
<!DOCTYPE html> <html> <body> <p>点击按钮就可以执行 <em>displayDate()</em> 函数。</p> <button onclick="displayDate()">点击这里</button> <script> function displayDate() { document.getElementById("demo").innerHTML=Date(); } </script> <p id="demo"></p> </body> </html>
在这里例子中通过js可以直接把Date元素加入到demoID里面去在点击按钮以后直接加入不想以前写的需要在加入的body在写一个js在接受Date元素
面向对象语言的要求
一种面向对象语言需要向开发者提供四种基本能力
封装 - 把相关的信息(无论数据或方法)存储在对象中的能力
聚集 - 把一个对象存储在另一个对象内的能力
继承 - 由另一个类(或多个类)得来类的属性和方法的能力
多态 - 编写能以多种方法运行的函数或方法的能力
ECMAScript 支持这些要求,因此可被是看做面向对象的。
对象的构成
在 ECMAScript 中,对象由特性(attribute)构成,特性可以是原始值,也可以是引用值。如果特性存放的是函数,它将被看作对象的方法(method),否则该特性被看作对象的属性(property)。
<html> <body> <script type="text/javascript"> var oCar = new Object; oCar.color = "blue"; oCar.doors = 4; oCar.mpg = 25; oCar.showColor = function() { document.write(this.color); }; oCar.showColor(); </script> </body> </html>
工厂方式:原始的方式
在上面的代码中,创建对象 car。然后给它设置几个属性:它的颜色是蓝色,有四个门,每加仑油可以跑 25 英里。最后一个属性实际上是指向函数的指针,意味着该属性是个方法。执行这段代码后,就可以使用对象 car。
不过这里有一个问题,就是可能需要创建多个 car 的实例。
要修改显示出来的效果只需要修改
document.write(this.color);
把color换成其他的三个就可以了
发表评论
-
Zepto
2015-08-15 13:49 1204Zepto Zepto,是一个比较 ... -
node.js的学习-20140611
2014-06-11 23:17 733//创建一个h1方法里面舒服一个nihao functi ... -
node.js的学习-20140609
2014-06-09 23:01 536Node.js 是一个基于Chrome JavaScript ... -
PC和移动端的页面的一些差距-20140525
2014-05-25 23:46 854首先 1、标签、描述等描述清晰准确 2、网站结构3层树状结构 ... -
Bootstrap排版基础样式和响应式图片-20140521
2014-05-22 00:41 2710Bootstrap基础排版样式 .col-xs-* // ... -
Bootstrap特性、设计和组件-20140519
2014-05-19 22:22 684特点 Bootstrap是基于jQuery框架开发的,它在j ... -
Bootstrap流式布局-20140515
2014-05-16 00:26 14712流布局是一种适应屏幕的做法。即不固定块的宽度,而是采用百分比作 ... -
Bootstrap的宽度和分辨率的差别-20140514
2014-05-14 23:05 6211首先在bootstrap里面所有 ... -
Bootstrap的认识-20140513
2014-05-14 00:09 1344通过公司的两个比较大 ... -
jquery初步认识-20140123
2014-01-24 01:30 652一、原型模式结构 // 定义一个jQuery构造函数 ... -
html5的特殊标签作用-20140114
2014-01-15 01:04 883<base>、定义页面中所有链接的基准URL & ... -
ie下的指定样式-20140106
2014-01-08 00:00 7291. <!--[if !IE]><!--&g ... -
margin-left在IE6下左浮动加倍-20140102
2014-01-02 23:04 715一、IE6下如果line-height超出本身区块的heigh ... -
浮动存在的问题-20131229
2013-12-29 23:00 514看一个正常的浮动案例 <!DOCTYPE h ... -
在ie6下同张图片不能外面包有a标签后在画热区-20131223
2013-12-23 23:47 827最近在做页面有的发现一个问题 <div class ... -
ie6下导航存在的问题和-2013-12-20
2013-12-21 00:51 602最近在做事的时候发现一个有趣的问题,在上网也找过但是都没有很好 ... -
按比例展示的小js-20131217
2013-12-18 00:41 406做需求的做到一个关于这个功能的项目所以记下来 Math.ra ... -
定位需要注意-20131214
2013-12-15 01:07 664在CSS中关于定位的内容 ... -
flash在Safari下的BUG-20131212
2013-12-12 01:09 731<object width="940&qu ... -
使用模版的基本尝试-20131209
2013-12-10 01:19 610使用模版的基本尝试 模版是大家多多少少都有用多的,那么就在这 ...
相关推荐
" " "调研报告撰写 "5月25日至5月31"金蝶PM项目组人员 " " " " "ABC公司K/3财务项 " " " " "目组相关人员 " " " " " " " 三、调研记录 3.1客户简介 3.1.1客户基本情况 XXX企业有限公司于2002年10月经省政府批准成立...
副组长 男 31 本科 项目副总工 负责小组策划工作 组员 男 37 本科 工程部长 负责技术指导工作 组员 男 29 本科 质检部长 负责质量指导工作 组员 男 27 专科 技术员 负责小组技术工作 组员 男 27 本科 技术员 ...
(2009年3月31日 证监会令第61号 ) 《证券期货法律适用意见》第1号、第2号、第5号 《关于进一步做好创业板推荐工作的指引》(证监会公告[2010]8号) 《证券发行上市保荐业务管理办法》( 2009年5月13日修订) ...
信息系统运行维护服务报告 -------------------------------... 5、3月份月主要工作 3月份,每工作日对管理信息系统进行巡视检查,确保各信息系统均可正常运行,共 填写《信息系统运行监视日志》31张,记录内容真实准确
pid、nick入参将兼容支持到10月31日,请ISV做好改造工作,不要传入pid或nick。 首先自己在数据库中创建一个数据库(比如使用phpmyadmin之类的可视化工具 ),然后配置application/database 中的 username,...
发行时间: 2011年07月07日 内容介绍: 《新手学黑客攻防》是指导初学者快速掌握黑客攻防的入门书籍。书中详细地介绍了初学者应该掌握的黑客攻防的基础知识,并对初学者在使用电脑时经常会遇到的问题进行了专家级的...
浅谈计算机网络安全的身份认证技术 摘 要:伴随着科学技术的快速进步和...据《半月谈》社情民意调 查中心2012年5月通过半月谈网进行的一项3046人参与的在线调查发现,有七成网民曾遭 遇过个人信息泄露。其中,有30%的网
图书管理信息系统 课 程 设 计 设计题目 图书管理信息系统 设计题目 学生姓名 xxx 学生姓名 学 号 xxxxxx 学 号 专业班级 电子商务13—1班 专业班级 指导教师 Xxxx 指导教师 图书管理信息系统全文共31页,当前为第1...
4.1考勤统计审核:按工程按人按年月形成1-31号员工出勤统计分析以及汇总,可以 导出Excel或者直接打印 4.2加班统计审核:按工程按人按年月形成1-31形成加班小时汇总报表;可以导出Excel或者直接打印 4.3借支统计...
(16)MonthlyIncome:员工月收入,范围在1009到19999之间; (17)NumCompaniesWorked:员工曾经工作过的公司数; (18)Over18:年龄是否超过18岁; (19)OverTime:是否加班,Yes表示加班,No表示不加班; ...
二零一六年二月十五日xxxxXXXXX有限公司文件编号:XXXX-CX004-2018第2版第5页发布令颁布日期:2018年2月15日发布令本公司依据第2版《质量手册》编写了第2版《程序文件》,经审核,符合检验检测机构资
由于每月天数不定,1、3、5、7、8、10、 12月为31天,当计数到此类月份时,天值为32时,月值加一,同时天值为1;4、6、9、 11月为30天,当计数到此类月份时,天值为31时,月值加一,同时天值为1;如果是闰年 ,则2月...
,,,,,,,,,,,,,,,,,,,,,,,,,,,,, 序, 日期,,,,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31 号,检查内容,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, 1, SQL SERVER运行正常,,,,,,,...
29 HHRBDC/CX01-29-2010 检测工作程序 30 HHRBDC/CX01-30-2010 现场检测管理程序 31 HHRBDC/CX01-31-2006 应急检测工作程序 32 HHRBDC/CX01-32-2010 检测过程中发生异常情况处理程序 33 HHRBDC/CX01-33-2010 事故...
中标 3 深圳 2019-07-31 福田区优化营商环境第三方评估项目 中标 4 肇庆 2019-07-25 广宁县财政局财政绩效工作服务机构资格项目 中标 5 佛山 2019-07-24 佛山市财政局绩效管理服务资格 未中标 6 湖南 2019-04-22 ...
VALUES(10312,10301,'白菲菲', '女', '07-5月-1988','机电工程'); INSERT INTO students VALUES(10328,10301,'曾程程', '男', NULL,'机电工程'); INSERT INTO students VALUES(10128,10101,'白昕', '男', ...
2012年12月31日 至 2013年01月18日 数字测图实习报告全文共7页,当前为第1页。 一、技术总结 1.概述 为提高同学们的动手能力、巩固关于数字测图方面的知识,学校安排我院11级学生在校区内进行四等水准测量及地形图...
30 任务一:打开项目三中的北京.xls,在sheet1中进行公式应用计算每月的温差 30 任务二:打开项目三中的北京.xls,在sheet1中进行函数应用计算每月的平均温 度 31 教后记: 33 项目四:打开项目四中的学生成绩.xls...
xls,在sheet1中进行函数应用计算每月的平均温 度 31 教后记: 33 项目四:打开项目四中的学生成绩。xls,在sheet1中应用图表以便我们能够直观的 展现数据和分析数据,最后保存。 33 任务一:在学生成绩表中针对学号...
课程设计报告 2010 — 2011 学年第 2 学期 题 目: 简易十字路口交通灯设计 专 业: 通信技术 班 级: 通信1102 学 号: 1007045149 学 号: 6 姓 名: 曾靖凯 指导教师: 卫兵哥 "2012 "年"12 "月"13-17 "日" ...