把样式置于DOM脚本之外 style属性 我们可以这样设置前景色之类的属性: element.style.color='red'; 也可以使用下面的代码设置背景颜色: element.style.backgroundColor='red'; 将background-color转换为驼峰形式大小写形式的backgroundColor(删除连接字符串并将后续单词的首字母变成大写)是必须的,DOM2样式规范为CSSStyleDeclaration对象定义了相应的方法,比如setProperty()就使…
我这人,最大的毛病就是浮躁. 下面开始我再一次的学习之旅,希望我能坚持到最后.记笔记除了分享以外,更重要的是让自己看见自己学习之路. 先把ADS库贴出来http://vdisk.weibo.com/s/DaX18 把行为从结构中分离出来 全部脚本,都使用外部源文件,就当其他方式没有了解过. 昔日的javascript:前缀.(相对合理的写法.) <script type="text/javascript"> function popup(url) { window.open…
有时候,或许是因为理解能力,也或许是因为浮躁,看东西总是不入心,而且还老是想跳过本节,或者赶紧看完本节,这样的恶性循环,让我在即没有真正的学习到知识,又打击我的学习信心,还浪费了我很多事件,我想,当遇到这种情况的时候,能做的就是放慢自己的学习脚步,让大脑有充分的时间去理解. 经过一个星期,把这本书看的差不多了,前面还好,后面就迷迷糊糊了.特别是7章之后,就是自己随便的看看了,也不想在像刚开始那样的一点一点的敲了,后面的几个案例,菜鸟对着代码,把整个电子书看完了(后面看的很粗).菜鸟写的这些博客,…
一.事件流 我们通过下面一个实例,进行说明. <body> <h1>Event Flow</h1> <ul id="nav"> <li><a href="../image-load/image-load.html">Image-Load</a></li> <li><a href="../click/click.html">Cli…
作为一名Web开发者,最讨厌的事情就是重复性任务,摆脱乏味的日常重复性事物的一种方法,是借助可重用的对象或者说与你现在建立的ADS库类似的库,另外一种让事情变得有意思,且能够加速开发进程的方式是编写能够创建代码的代码. 本节讲的工具,就是它可以在快速生成要的DOM代码是用来取代使用innerHTML字符串 HTML代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org…
由一个HTML进行说明,我就不敲了,直接copy <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>AdvancED…
响应用户操作和事件 事件就是操作检测与脚本执行的组合,或者基于检测到的操作类型在某个对象上调用事件侦听器(事件处理程序). 事件的类型 事件可以分为几种类型:对象事件,鼠标事件,键盘事件(只适用于document对象),表单事件,自定义事件. 控制事件流和注册事件侦听器 事件流描述的是从页面中接收事件的顺序:事件侦听器,就是一个常规的JavaScript函数. 三个阶段和三个模型 事件冒泡:指的是目标元素的事件方法优先并且会被首先执行,然后,事件会向外传播到每个祖先元素,直至document对象…
创建可重用的对象 简而言之,对象就是包含一组变量(称为属性)和函数(称为方法)的集合的实例.对象通常由类派生而来,而类中定义了对象拥有的属性和方法.如果你的脚本中都是对象之间的交互操作,那么就可以称之为OO(Object Oriented,面向对象)的脚本.特别要说明的是,JavaScript 是一种原型式(prototype-style)的OO语言,没有类的概念,所有一切都派生自现有对象的一个副本.JavaScript 的主要内置对象有:Object, Function, Array, Str…
W3C DOM2样式规范 现在这边贴出本章要的源代码,注意要结合前面用到的ADS库http://vdisk.weibo.com/s/Dq8NU CSSStyleSheet对象属性: type :始终是txt/css disabled:是否被禁用 href URL title :分组样式表的标签 media:样式表应用的目标设备类型,如screen.print ownerRule : 制度的CSSRule对象,如果样式表是使用@import等类似方式导入的,该属性即表示其父规则 inserRule…
先看一段有异常的语句 var sound = 'Roar!'; function myOrneryBeast() { this.style.color='green';//window没有style属性 alert(sound); } myOrneryBeast(); 加入try{}catch{} var sound='Roar'; function myOrneryBeast() { this.style.color='green'; alert(sound); } try { myOrner…