JavaScript 是一种脚本语言,可插入 HTML 页面的编程代码。
JavaScript可用于操作HTML元素、css元素,对页面所有事件做出反应。
零、特点:
1.js是一门灵活的动态类型语言。句末可不带分号,数据类型可不声明。函数可以有return也可以省略。
2.js是个多范式的语言,既有面向对象语言的特性,又有函数式语言的特性。而它的面向对象特性是基于原型链的,而不是传统OOP基于类的。
(原型链是什么意思?原型与原型链的详细理解 )
一、位置:
1.<script>可以放在html的<head>中,也可以放在<body>中。
2.<script language="javascript">是在较老的浏览器中开始使用的,<script type="text/javascript">在HTML4中开始使用。
一般用<script type="text/javascript">
3.在HTML5中, <script> 标签内可以不必添加 type="text/javascript",因为js在HTML5中已经设置为默认脚本语言
二、数据类型:
动态数据类型,弱类型。所有数据类型都可以用var表示 。
比如:
var x1=34.00; //定义浮点数
var x2=34; //定义整数
var name="Bill Gates"; //定义字符串
var cars=["Audi","BMW","Volvo"]; //定义数组
三、函数:
用function定义函数。
function 函数名(){
}
函数的参数可以不指定数据类型。
函数末可以带return返回值,也可以不带
四、对象:
1.对象的属性以名称和值对的形式 (name : value) 来定义,通过 对象.name来调用,类似C语言中的结构体
如 var person={firstname:"feng", lastname:"lin", id:5566};
这样的话 person.lastname的值为"lin"
2. javascript内置对象可以通过new创建,包括Array、Date、String、Boolean、Math、RegExp等
3.
五、HTML DOM
HTML DOM (Document Object Medol):文档对象模型。
1.HTML DOM 定义了用于 HTML 的一系列标准的对象,以及访问和处理HTML 文档的标准方法。
通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。
当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。
HTML DOM 模型被构造为对象的树。
2.写入HTML输出 document.write(" ");
注意:在文档加载之后使用 document.write()会覆盖该文档。
通过Id找到元素 document.getElementById("id")
通过tag找到元素 getElementsByTagName(tagname) 注意: 返回的是带有指定标签名的对象的集合。
获取HTML内容 document.getElementById("id").innerHTML
修改HTML内容 document.getElementById("id").innerHTML=
3.创建新的 HTML 元素
如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在的元素追加该元素。
appendChild() 方法: 向节点添加最后一个子节点。
比如:
var node=document.createElement("p");
var nodeText=document.createTextNode("这是新生成的段落");
node.appendChild(nodeText);
4.删除HTML元素
removeChild:用于删除HTML元素
比如:
var parent=document.getElementById("div1");
var child=document.getElementById("p1");
parent.removeChild(child);
六、事件:
onLoad表示进入网页时触发。
onUnLoad表示离开网页时触发 。
onchange用于验证输入
onmouseover 用于在鼠标移至 HTML 元素上方触发
onmouseout 用于在鼠标移出 HTML 元素上方触发
onmousedown 点击鼠标按钮触发
onmouseup 释放鼠标按钮时触发
七、windows对象
window.location.href 跳转页面
疑问:
1.dom如何应用?
2.bind()、find()、each() 的理解。