javascropt学习笔记1
来源:互联网 发布:大数据分析scala 编辑:程序博客网 时间:2024/05/22 10:43
《javascript捷径教程》 针对已有javascript经验基础
1.代码装载和解析,要调用的函数必须放在前面,第三方脚本尽量放在底部以减少等待时间。
Ch2
2.Web开发三层论,HTML负责结构,CSS负责样式,Javascript负责行为。
3.Javascript提供两种方式来访问对象的属性,点号和方括号,方括号的好处是可以通过变量来执行函数,
4.值传递和引用传递,对象作为参数传递时是引用传递。
5.DOM是一个应用程序编程接口,定义了一组对象以及其中的属性和方法。常用的三种节点类型:元素、属性和文本。
6.Document对象,通过document对象可以引用到页面中的任意元素。
6.1常用函数 getElementById() 从页面中通过ID获取单个元素
getElementsByTagName() 获取具有指定标签名的所有元素
childNodes 节点的一个属性,取得元素的所有子结点
parentNode 获取当前元素的直接父结点
nextSibling / previousSilbling 分别获取前一个和后一个结点
firstChild / lastchild 获取当前元素的第一个或最后一个子结点
注意:除IE外标签间的空白也算作结点
编写以便于获取元素结点 function getElement(node)
{
while(node && node.nodeType!=1)//判断是否为元素结点 元素结点类型为1
{
node=node.nestSibling;
return node;}
}
6.2处理属性
方法:getAttribute() 访问属性 也可以使用点号访问
setAttribute() 设置属性
style属性和class属性,要学会用类名替代直接修改样式属性,在样式表里定义类选择符,当向DOM中增添新元素时,只要设置className属性就能得到相应样式。
6.3向DOM中插入内容
方法:appendChild() 将新元素作为父元素的最后一个子结点插入
insertBefore() 讲新元素插入到指定元素之前
replaceChild() 用新元素替换掉已有元素
*使用innerHTML属性向文档添加修改内容。
7.正则表达式
实例化正则表达式有两种方法:
a通过正则表达式类 var re = new RegExp('regex','ig'); 两个参数第一个是要匹配的字符串,第二个是设置匹配方式的标志:i 忽略大小写, g 全局匹配,m 匹配多行
b通过字面量姓氏 var re = /regex/ig;
正则表达式的主要方法:exec 和test ,exec在字符串中搜索并把匹配的结果用一个数组返回,test 方法找到匹配是返回true否则返回false。
正则表达式还需要另外花时间学习。AA
- javascropt学习笔记1
- JavaScropt基础
- javaScropt作用域
- JavaScropt基础总结
- 我老师教的非常简洁的javascropt日历Js
- ArcGIS For JavaScropt Geocoder————(十六)
- [笔记]JavaScript学习笔记(1)
- 算法笔记 ---- 学习笔记 1
- c++学习笔记学习笔记1
- 机器学习-学习笔记1
- 学习笔记:git学习1
- 机器学习学习笔记1
- VC++学习笔记1
- c#学习笔记(1)
- OPENGL学习笔记1
- FCS学习笔记1
- WTL学习笔记(1)
- oracle8i学习笔记(1)
- 条件注释判断浏览器
- 求升序数组中绝对值最小的元素
- 恶意软件反检测技术简介:反调试技术解析
- CLR via C# 读书笔记1-8
- 区间重叠判断算法
- javascropt学习笔记1
- Mysql初始化root密码和允许远程访问
- linux常用指令
- 集成显示与独立显卡-OK
- 指针数组的应用
- How to get Windows 8 Apps to use proxy for internet access
- 水晶报表遇到的一些问题随记
- NullPointerException at org.springframework.faces.webflow.FlowViewStateManager.saveView
- assert在debug 和 release版本中的区别