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中的对象是一种复合值,他将很多值(原始值或其他对象)聚合在一起,可以 ...
随机推荐
- Google Code Jam 2010 Round 1C Problem A. Rope Intranet
Google Code Jam 2010 Round 1C Problem A. Rope Intranet https://code.google.com/codejam/contest/61910 ...
- (转)资源监控工具Spotlight监测LINUX
个人1.安装spotlight,Spotlight on Unix2.配置spotlight,注意spotlight默认不能使用root用户进行连接,需要用户自己创建一个具有root权限的用户.(1) ...
- Linux6.9用RPM方式安装MySQL5.7.21
1.下载安装包 wget https://dev.mysql.com/get/Downloads/MySQL-5.7/mysql-5.7.21-1.el6.x86_64.rpm-bundle.tar ...
- [置顶] linux学习之静态库和动态库的制作与使用
linux中静态库和动态库的制作与使用 一.静态链接库 1.首先编写模块程序example.c.example.h 2.使用gcc -c example.c -o example.o编译example ...
- shell练习题
一.编写一个脚本使我们在写一个脚本时自动生成”#!/bin/bash”这一行和注释信息. 原文代码为: Shell 1 2 3 4 5 6 7 8 9 10 #!/bin/bash ...
- OpenERP实施记录(9):销售一批电脑
本文是<OpenERP实施记录>系列文章的一部分. 前述的基础数据配置完成之后,我们就可以开始业务处理了. 1. 业务部门接到沃尔玛客户三台联想笔记本电脑的需求.销售 > Sales ...
- Linuxg挂载
在linux操作系统中, 挂载是指将一个设备(通常是存储设备)挂接到一个已存在的目录上. 我们要访问存储设备中的文件,必须将文件所在的分区挂载到一个已存在的目录上, 然后通过访问这个目录来访问存储设备 ...
- UIButton 设置圆角 边框颜色 点击回调方法
UIButton *signBtn = [UIButton buttonWithType:UIButtonTypeCustom]; signBtn.frame = CGRectMake(, , , ) ...
- eclipse下使用git上传(下载)代码至(从)github
eclipse下使用git插件上传代码至github 1.eclipse下安装git 正常情况下,eclipse 是自带 git 插件的,那么即可跳至步骤1的最后一小步,配置 git . 如果十分悲剧 ...
- ASP.Net生成静态HTML页
动态网页开发技术中,为了降低网站维护的工作量,常常用到动态页面技术.目前因特网上流行的做法是将网站中需要经常更新的数据存放到数据库中,当客户端浏览器向服务器发出HTTP请求时,服务器通过执行.解释某个 ...