js加强小结
一)回顾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加强小结的更多相关文章
- js isArray小结
原文:[转载]js isArray小结 在日常开发中,我们经常需要判断某个对象是否是数组类型的,在js中检测对象类型的常见的方法有几种: 1.typeof操作符.对于Function.String.N ...
- Js继承小结
Js继承小结 一直以来,对Js的继承有所认识,但是认识不全面,没什么深刻印象.于是,经常性的浪费很多时间重新看博文学习继承,今天工作不是特别忙,有幸看到了http://www.slideshare.n ...
- [js]js设计模式小结
js设计模式小结 工厂模式/构造函数--减少重复 - 创建对象有new - 自动创建obj,this赋值 - 无return 原型链模式 - 进一步去重 类是函数数据类型,每个函数都有prototyp ...
- [js]设计模式小结&对原型的修改
js设计模式小结 工厂模式/构造函数--减少重复 - 创建对象有new - 自动创建obj,this赋值 - 无return 原型链模式 - 进一步去重 类是函数数据类型,每个函数都有prototyp ...
- 7-81 js课程小结
7-81 js课程小结 学习要点 理解全局对象 变量的作用范围 理解全局对象Global 全局属性和函数可用于所有内建的 JavaScript 对象.全局对象是所有全局方法的拥有者,用来统一管理全局方 ...
- JS系列——Linq to js使用小结
前言:前面几篇介绍了下C#基础技术中的几个:反射.特性.泛型.序列化.扩展方法.Linq to Xml等,本来还有两三个知识点没有写完,比如委托.多线程.异步等,后面会陆续将它们补起来,以便作为一套完 ...
- 老生常谈--Js继承小结
一直以来,对Js的继承有所认识,但是认识不全面,没什么深刻印象.于是,经常性的浪费很多时间重新看博文学习继承,今天工作不是特别忙,有幸看到了http://www.slideshare.net/stoy ...
- js分页小结
今天解决了JS分页的问题1 页码 给每页的内容套一个相同的类名 通过选择器加上.length或者.size() 来获得总页数2当前页的页码可以使用each(function(index,DOMsss ...
- 关于闭包的理解(JS学习小结)
前言: 啊啊啊,看书真的很痛苦啊,还是好想做项目写代码才有意思,不过我现在缺的确是将知识体系化,所以不论看书多么痛苦都一定要坚持坚持啊,这才是我现在最需要的进步的地方,加油! 因为现在期末啦,下周一也 ...
- js对象小结
前奏 对象是js的基本数据类型,准确来说除了字符串,数字,boolean值,null与undifine之外,js中的值都是对象.js中的对象是一种复合值,他将很多值(原始值或其他对象)聚合在一起,可以 ...
随机推荐
- HDU 5656 CA Loves GCD dp
CA Loves GCD 题目连接: http://acm.hdu.edu.cn/showproblem.php?pid=5656 Description CA is a fine comrade w ...
- 2015 UESTC 数据结构专题N题 秋实大哥搞算数 表达式求值/栈
秋实大哥搞算数 Time Limit: 1 Sec Memory Limit: 256 MB 题目连接 http://acm.uestc.edu.cn/#/problem/show/1074 Des ...
- 所有浏览器打开后自动打开115.29.163.152/404.html这个网页,然后自动跳转到hao123 解决办法
这几天,电脑所有浏览器打开后自动打开115.29.163.152/404.html这个网页,然后自动跳转到hao123这个网页,网上查询没解决办法.开始自己找,搜索注册表,都无效,最后下载软件Hija ...
- QTP 10 破解 之路
1.下载QTP 10 安装包 2.破解软件(mgn-mqt82.exe) (阿里云云主机里执行不了,一执行CPU就99%,也没有生成lservrc) 手动创建C:\Program Files (x8 ...
- PYPY_GC
Author:Jin Date: 2014-7-8 http://doc.pypy.org/en/latest/windows.html http://www.pypy.org/download.ht ...
- GitHub官方Markdown语法教程
说明:Markdown随着编译器不一样,语法也都不一样,但这份GitHub提供的官方教程,基本学会这份就够了. https://guides.github.com/features/mastering ...
- Visual Studio 2015创建Shared Project时出错
今天使用Visual Studio 2015创建共享项目的时候发现如下错误: 网上搜了一下,发现了同样有人问这个问题的问题:Why can't I create Shared Project in V ...
- [Android Studio] Android Studio底边栏选项不见了,如何调出来
转载:http://blog.csdn.net/hyr83960944/article/details/38067785 Android Studio底边有一个选项栏,包含了Run,Android等等 ...
- sharememory.c
//进程通信,共享存储区 #include <unistd.h> #include <sys/types.h> #include <sys/socket.h> #i ...
- Java效率工具之Lombok
参考: http://www.54tianzhisheng.cn/2018/01/09/lombok/ https://zhuanlan.zhihu.com/p/32779910