摘要: DOM在js中充当着很重的角色,DOM是Document Object Model的缩写,即文档对象模型。下面将总结DOM学习要点:一、DOM架构内容:把文档表示为树:其中根节点就是Document对象;1、常见节点类型:接口:Element:getAttribute()、setAttribute()、removeAttribute()Text:Document:Comment:DocumentFragment:Attr:2、在文档中查找元素:Document对象定义了几个获取文档元素的方法(1)getElementsByTagName("标记名") ——标记名可以重复使用 阅读全文
posted @ 2013-03-26 16:38 夜香 阅读(176) 评论(0) 推荐(0) 编辑
摘要: 脚本化文档:客户端js把静态html转变为交互式的web应用程序,脚本化web页面的内容正是js存在的理由。每个web浏览器窗口(帧)显示一个html文档,表示这个窗口的window对象有一个document属性,他引用了一个Document对象,下面便学习Document对象的属性和方法:1、动态文档内容:Document.write()Document.write()允许把内容写入到文档中,有两种使用方式:第一,在脚本中使用,把html输入到当前正在被解析的文档中,如:把当前日期添加到一个静态html文档<script> var today = new Date();docum 阅读全文
posted @ 2013-03-26 14:39 夜香 阅读(402) 评论(0) 推荐(0) 编辑
摘要: 本节主要学习js对窗口的一些操作运用:主要通过学习Window对象的属性和方法,掌握这些属性方法如何控制浏览器以及他们的窗口和帧;1、计时器Window对象的方法:(1)setTimeout()——安排一个函数在指定的以毫秒为单位的时间之后运行;(2)setInterval()——安排函数在一个指定的毫秒为单位的时间间隔重复地执行;2、浏览器location和history(1)窗口的location属性引用的是Location对象,代表窗口当前显示文档的url;(2)Location的href属性是一个字符串,包含url的完整文本,而Location的toString()方法返回href属性 阅读全文
posted @ 2013-03-24 11:17 夜香 阅读(236) 评论(0) 推荐(0) 编辑
摘要: js解释器引入到web浏览器,意味着加载一个web页面可能导致任意的js代码在用户计算机上执行,因此,为了防止恶意代码读取私密数据、更改数据或危及隐私,安全的web浏览器以各种方式限制脚本:1、客户端js不提供任何方式读取、写入和删除文件或目录,没有File对象,也没有文件访问函数;2、js程序可以关闭自己打开的浏览器窗口,但不允许它没有经过用户确认就关闭其他窗口,防止恶意脚本调用self.close()来关闭用户其他浏览器窗口;3、脚本不能读取从不同服务器载入的文档的内容;一个脚本不能在来自不同服务器的文档上注册事件监听器; 阅读全文
posted @ 2013-03-24 10:31 夜香 阅读(192) 评论(0) 推荐(0) 编辑
摘要: js代码整合到html文件的时候,到底是如何解释执行的,下面总结几种情况:1、<script></script>标记嵌入(1)不带defer属性的js语块按出现的顺序执行,否则IE会打乱执行;(2)任何不带defer属性的<script>元素都可以调用document.write()方法,传递给这个方法的文本被插入到文档中脚本所在的位置;(3)document.write()常在body中被调用,head中少见;2、onload事件句柄(1)文档解析之后,所有的脚本都运行;浏览器再启动onload事件,(2)当注册多个onload句柄的时候,浏览器调用所有的 阅读全文
posted @ 2013-03-24 10:22 夜香 阅读(378) 评论(0) 推荐(0) 编辑
摘要: 一、在html中嵌入js代码:在html文件里嵌入js代码主要有四种形式:第一种是通过<script></script>标记,这种一般用来定义一些函数,放在body外;第二种是通过文件形式导入,由<script>标记的src属性指定路径;第三种是放在由句柄的属性值指定;第四种是使用javascript:协议。(1)方法一:1、把js代码放在<script></script>标记之间;如:<script>function square(x){return x*x;}</script>2、一个html文档可以包含多 阅读全文
posted @ 2013-03-22 16:40 夜香 阅读(5421) 评论(0) 推荐(0) 编辑
摘要: 一、学习要点要理解客户端js,必须理解web浏览器所提供的变成环境;下面总结变成环境的几个特性:1、作为全局对象的window对象和客户端js代码的全局执行环境;2、客户端对象的层次和过程它的一部分的文档对象模型(DOM);3、事件驱动的编程模型;二、详解(1)、Window对象1、web浏览器的主要任务是在一个窗口中显示html文档,在客户端js中,表示html文档的是Document对象,window对象代表显示该文档的窗口,window对象是客户端编程中的全局对象,对于js来说很重要;2、window对象定义了大量的属性和方法,还定义了引用其他重要对象的属性,如Document对象的do 阅读全文
posted @ 2013-03-22 15:48 夜香 阅读(381) 评论(0) 推荐(0) 编辑
摘要: 前面简单总结了js的基本语法,其实js语法和java、C语言语法有很多的相同之处;接下来将总结js在WEB浏览器中的运用,这部门将要了解的内容有:1、脚本化浏览窗口:js如何脚本化浏览器窗口,如:打开关闭、显示对话框、载入指定url的窗口等客户端js功能;2、脚本化文档:js如何显示web窗口的文档内容交互、如何查询、插入、删除、更改内容;3、js和css之间的交互,js如何通过脚本化css样式、类和样式表单来改变一个文档的表现;组合脚本化和css的一个特殊的强化结果就是动态html;4、事件和事件处理,js如何通过web响应用户输入来增加交互性;5、js如何使用表单收集、验证、处理和提交用户 阅读全文
posted @ 2013-03-22 11:33 夜香 阅读(205) 评论(0) 推荐(0) 编辑
摘要: js函数:1、函数的属性:(1)length——返回函数声明的形参个数;(2)prototype——引用预定义的原型对象;2、函数的方法:apply()和call()(1)ECMAScript规范给所有函数定义了这两个方法;(2)他们的第一个参数都是要调用的函数的对象,在函数体内这一参数是关键字this的值;call() 的剩余参数是传递给要调用的函数的值;如:要把两个数字传给函数f(),并将它作为对象o的方法调用:f.call(o,1,2);(3)apply() 方法与call类似,只是要传递给函数的参数是由数组指定的:f.apply(o,[1,2]); 阅读全文
posted @ 2013-03-22 10:14 夜香 阅读(125) 评论(0) 推荐(0) 编辑
摘要: js对象和数组1、 创建对象:(1)加入对象直接量——用分号隔开的一对对属性名和值的列表,包含在一个花括号中;如:var empty = {};var point = { x:0, y:0};(2)用new创建具体的一类对象:var a = new Array();2、 对象的主要方法:toString(); valueOf();3、 数组的方法:(1)join() ——把一个数组的所有元素都转换为字符串,然后再连接起来,可以指定一个可选的字符串来分隔结果字符串中的元素,如果没有指定,则默认逗号; 如:var a = [1,2,3]; var s = a.join(); 输出:s = “1, 阅读全文
posted @ 2013-03-22 09:24 夜香 阅读(158) 评论(0) 推荐(0) 编辑