整个javascript分为三个组成部分(ECMAScript/DOM/BOM)
一、核心部分ECMAScript
1.语法
① 区分大小写
② 变量是弱类型!: 在定义变量的时候,如果没有对其赋值,那么此变量是没有具体类型的,只有赋值之后才有具体的类型。每行代码结束后分号可有可无,建议写上!注释、以及代码块等内与java一致。
2.变量
声明统一使用关键字var来定义。也可以不用声明。(如果不声明,表示该变量是一个全局的!)
变量命名规则与java一致。不要使用关键字和保留字。
3.原始数据类型
总共有undefined、null(object)、number、string、boolean
4.运算符
全等运算符 : ==与===的区别。==会进行一个类型转换(尝试着转换),===它不会进行类型转换
5.语句
语句与java一致。
6.函数
有名称function 函数名称(){}
匿名function(){}
补充:整个javascript代码建议写到body标签后面(可能JS带中获取HTML内容的时候,整个html还没有加载完。)或者放到页面加载函数里面去。
window.onload = function(){document.getElementById("id").onclick= function(){JS代码……}}
document.getElementById("id").onclick= function(){JS代码……}
二、BOM对象(浏览器对象模型)
1.window对象:代表的是整个浏览器对象setInterval();clearInterval();setTimeout();clearTimeout();alert();prompt();confirm();
window对象拥有其它几个对象的一个只读引用!
2.location对象:url地址href属性:实现页面的跳转功能
3.history对象:历史记录back():查看上一个历史记录forward():查看下一个历史记录go(有参数):可以实现上面两个功能。如果参数为负整数,其功能与back()一致。如果参数为正整数,其功能与forward一致
4.navigator对象:整个浏览器信息相关的对象
5.screen对象:客户端屏幕相关的信息
三、DOM对象
1.document对象
(1) 该对象有以下常见方法:
1_获取元素节点相关的方法:
① document.getElementById("id");//返回单个对象
②document.getElementsByName("name");//返回多个对象集合,需要进行遍历操作
③ document.getElementsByTagName("标签名称");//返回多个对象集合,需要进行遍历操作
创建节点相关方法创建文本节点 :document.createTextNode();
创建元素节点:document.createElement();
2.element对象
该对象有以下常见方法:
① element.appendChild():如果是A.appendChild(B),那么,B会追击到A的内部,B原来所在位置的元素会被删除!
② element.firstChild 返回元素的首个子。
③ element.getAttribute() 返回元素节点的指定属性值。 element.innerHTML 设置或返回元素的内容。
④ element.insertBefore() 在指定的已有的子节点之前插入新节点。 element.removeChild() 从元素中移除子节点。
⑤ element.replaceChild() 替换元素中的子节点。 其它方法可以参考相关手册!
3.attribute对象
该对象只需要关注其中的一个属性(attr.value 设置或返回属性的值)即可。
其他
一、内置对象
Array/Boolean/Date/Math/Number/String/RegExp重点掌握数组、字符串和正则,他们在开发中使用相对要多一些。注意:数组的创建,长度是可变的,长度等于最大角标+1,里面存放的内容的类型可以不是同一种(java里面必须是同一种)
二、事件
① 事件除了页面加载onload和表单提交onsubmit有点特殊外,其它事件都是在需要操作的元素上面添加
② 页面加载事件只能生效一个,绑定的位置在<body>标签上面
③ 表单提交事件必须要有返回值,否则不论校验成功与否都会提交,绑定位置不在按钮上,而在<form onsubmit="return checkForm()">