一)回顾JavaScript基础
(1)函数的定义方式
*>>正常方式
function add(num1,num2){...}
>>构造器方式
var add = new Function("num1","num2","return num1+num2");
*>>匿名/无名方式
var add = function(num1,num2){函数体}
(2)window对象是什么
在JS中,window表示整个浏览器窗口
(3)window对象常用属性、方法、事件
A)属性
>>document对象:表示浏览器中白色区域,即可显示内容的地方
>>status对象:浏览器中的状态栏
>>location:浏览器地址拦,常用的属性href,表示地址拦输入的URL路径
>>history:浏览器的历史拦,它存的是浏览器已访问过的网页
>>screen:浏览器的所在的屏幕对象
>>navigator:浏览器相关的信息,你可以将客户端浏览器相关的信息传到服务端,
此时服务端就知道,应该输出什么的样的信息给客户端看
... ...
B)方法
>>alert():以警告框形式输出内容
>>open():打开一个新的浏览器窗口
>>close():关闭一个已打开的浏览器窗口
... ...
C)事件
>>onload:页面加载时,由系统调用
>>onunload:浏览器卸载页面时触发,整个浏览器已关闭了
>>onbeforeunload:浏览器卸载页面时触发,整个浏览器暂未关闭
注意:我们这二个onunload和onbeforeunload是早期浏览器中所支持的事件
... ...
(4)如何定位表单、表单元素、获取表单元素的值
A)定位表单有二种方式
第一种:能过表单名,即window.docment.表单的name属性值
第二种:能过forms属性,第一个表单,下标是0,依此类推,即window.docment.forms[0]

B)表单元素
表单.表单元素名,即window.document.forms[0].username

C)获取表单元素的值
表单元素.value属性,即window.document.forms[0].username.value

*二)DOM常用API实战
(1)什么是DOM
D(Document)文档:html或xml二种,今天特指html
O(Object)对象,其于对象的方式操作,例如:对象.方法();对象.属性
M(Model)模型,任何一个文档,在dom看来,就是一个倒状的树模型

(2)DOM的特点
DOM是一种操作html或xml的规则,这套规则是跨平台(window/linux),跨语言(js,vbs,java),跨浏览器(ie,firefox)。
只有你操作DOM标准的API,就可以在任何浏览器执行,具有相同的效果。
DOM的API中,有一些执行效果可能在A浏览器中是这个效果,可能在B浏览器中是那个效果,这是正常现象
各个浏览器并没有对JS的执行答成相同的效果
在dom眼中,一切文档都是由节点组成

(3)节点种类
>>文档节点(document):只有惟一的一个
>>元素节点(divElement)
>>文本节点(divTextElement)
>>属性节点(divAttrElement)

(4)常用API
参见>和>
getElementById()
getElementsByName()
getElementsByTagName()
hasChildNodes()
nodeName
nodeType=1元素节点/2属性节点/3文本节点
nodeValue
replaceChild()
getAttribute():返回属性值,是一个文本字符串
getAttributeNode("属性名"):返回属性节点,是一个对象
setAttribute()
removeAttribute()
createElement()
innerHTML
appendChild()
createTextNode()
insertBefore()
removeChild():删除元素只能通过直接父元素删除,没有自删
firstChild
lastChild
nextSibling
previousSibling
parentNode
showModalDialog()
showModelessDialog()

*三)DOM应用
(1)选择输出对话框
(2)增删表格
(3)列表框移动
(4)像框

js加强小结的更多相关文章

  1. js isArray小结

    原文:[转载]js isArray小结 在日常开发中,我们经常需要判断某个对象是否是数组类型的,在js中检测对象类型的常见的方法有几种: 1.typeof操作符.对于Function.String.N ...

  2. Js继承小结

    Js继承小结 一直以来,对Js的继承有所认识,但是认识不全面,没什么深刻印象.于是,经常性的浪费很多时间重新看博文学习继承,今天工作不是特别忙,有幸看到了http://www.slideshare.n ...

  3. [js]js设计模式小结

    js设计模式小结 工厂模式/构造函数--减少重复 - 创建对象有new - 自动创建obj,this赋值 - 无return 原型链模式 - 进一步去重 类是函数数据类型,每个函数都有prototyp ...

  4. [js]设计模式小结&对原型的修改

    js设计模式小结 工厂模式/构造函数--减少重复 - 创建对象有new - 自动创建obj,this赋值 - 无return 原型链模式 - 进一步去重 类是函数数据类型,每个函数都有prototyp ...

  5. 7-81 js课程小结

    7-81 js课程小结 学习要点 理解全局对象 变量的作用范围 理解全局对象Global 全局属性和函数可用于所有内建的 JavaScript 对象.全局对象是所有全局方法的拥有者,用来统一管理全局方 ...

  6. JS系列——Linq to js使用小结

    前言:前面几篇介绍了下C#基础技术中的几个:反射.特性.泛型.序列化.扩展方法.Linq to Xml等,本来还有两三个知识点没有写完,比如委托.多线程.异步等,后面会陆续将它们补起来,以便作为一套完 ...

  7. 老生常谈--Js继承小结

    一直以来,对Js的继承有所认识,但是认识不全面,没什么深刻印象.于是,经常性的浪费很多时间重新看博文学习继承,今天工作不是特别忙,有幸看到了http://www.slideshare.net/stoy ...

  8. js分页小结

     今天解决了JS分页的问题1 页码 给每页的内容套一个相同的类名 通过选择器加上.length或者.size() 来获得总页数2当前页的页码可以使用each(function(index,DOMsss ...

  9. 关于闭包的理解(JS学习小结)

    前言: 啊啊啊,看书真的很痛苦啊,还是好想做项目写代码才有意思,不过我现在缺的确是将知识体系化,所以不论看书多么痛苦都一定要坚持坚持啊,这才是我现在最需要的进步的地方,加油! 因为现在期末啦,下周一也 ...

  10. js对象小结

    前奏 对象是js的基本数据类型,准确来说除了字符串,数字,boolean值,null与undifine之外,js中的值都是对象.js中的对象是一种复合值,他将很多值(原始值或其他对象)聚合在一起,可以 ...

随机推荐

  1. Python3的变化

    http://www.cnblogs.com/tips4python/archive/2011/05/31/2064290.html print 由一个语句(statement)变为一个函数 Pyth ...

  2. CMSIS-SVD Schema File Ver. 1.0

    <?xml version="1.0" encoding="UTF-8"?> <!-- date: 07.12.2011 Copyright ...

  3. CentOS6.5使用yum命令方便快捷安装Nginx与卸载

    原文:https://my.oschina.net/ramboo/blog/223408 当然,首先要求是可以联网的CentOS系统,因为yum安装需要互联网连接. 卸载命令:yum remove n ...

  4. 最好的 NMAP 扫描策略

    # 适用所有大小网络最好的 nmap 扫描策略 # 主机发现,生成存活主机列表 $ nmap -sn -T4 -oG Discovery.gnmap 192.168.56.0/24 $ grep &q ...

  5. python笔记24-unittest单元测试之mock.patch

    前言 上一篇python笔记23-unittest单元测试之mock对mock已经有初步的认识, 本篇继续介绍mock里面另一种实现方式,patch装饰器的使用,patch() 作为函数装饰器,为您创 ...

  6. VS2010 VC++ 项目添加引用 出现 Internal CPS Error问题原因及解决办法

    在VS2010 VC++ 项目添加引用时,有时会出现Internal CPS Error错误,提示信息: 'Internal CPS Error: We couldn't find the exist ...

  7. Linux进程间通信—消息队列

    四.消息队列(Message Queue) 消息队列就是消息的一个链表,它允许一个或者多个进程向它写消息,一个或多个进程向它读消息.Linux维护了一个消息队列向量表:msgque,来表示系统中所有的 ...

  8. Nescafé2 月之谜 题解

    月之谜 (mystery.pas/c/cpp) [题目描述] 打败了 Lord lsp 之后,由于 lqr 是一个心地善良的女孩子,她想净化 Lord lsp 黑化的心,使他变回到原来那个天然呆的 l ...

  9. SpringMVC的学习

    在看<跟开涛学SpringMVC.pdf> /Users/baidu/Documents/Data/Interview/Java Spring Web MVC 也是服务到工作者模式的实现, ...

  10. INFORMATICA 的元数据管理之二:运行状态信息查询

    本项目里的两个哥们做的关于运行状态元数据的两个JOB挺酷的,最近一段时间运行状况良好,自己参考学习的同时以做日志记载,呵呵,为了节省笔墨,相关元数据表结构以及MAPPING设计之类不做介绍(如有疑问欢 ...