javascript 的组成部分
ECMAScript:它是整个 javascript 的核心,包含(基本语法、变量、关键字、保留字、数
据类型、语句、函数等等)
DOM:文档对象模型,包含(整个 html 页面的内容)、
BOM:浏览器对象模型,包含(整个浏览器相关内容)
变量用var声明 ;变量可以不用声明,变量是弱类型,区分大小写;每行的分号可无(建议写上)
1.在方法中带var声明一个局部变量,不带var就是成员变量(即使写在方法内部)
2.对变量或值调用typeof运算符,返回相应类型的值。变量是数字,输出number
3.alert输出
BOM对象
window:alert(),prompt(),confirm(),setInterval(),clearInterval(),setTimeout(),clearTimeout()
history:go(参数),back(),forward()
location: href属性
如果id是一个字符串,那么必须加上引号,如果是一个变量不用加上引号
DOM事件:
onsubmit()此事件写在form标签中,必须有返回值。
onload()此事件只能写一次并且放到body标签中
其它事件放到需要操作的元素位置。(onclick、onfocus、onblur)
获取元素:
document.getElementById("id")
获取元素里面的值:
document.getElementById("id").value
以下两个方法很重要,但是在手册中查不到!
创建文本节点:document.createTextNode()
创建元素节点:document.createElement()
appendChild()
append:追加
向页面输出
弹窗:alert();……
向浏览器中写入内容:document.write(内容);
向页面指定位置写入内容,innerHTML
1.<form action="#" method="get" name="regForm" οnsubmit="return checkForm()">
2.<body οnlοad="init()">
function init(){
//书写轮图片显示的定时操作
setInterval("changeImg()",3000);
}
//书写函数
var i=0
function changeImg(){
i++;
//获取图片位置并设置src属性值
document.getElementById("img1").src="../img/"+i+".jpg";
if(i==3){
i=0;
}
Document:整个html文件都成为一个document
Element:所有飞标签都是Element元素
Attribute:标签里面的属性
Text:标签中间夹看的内容为text文本
Node:document、element、attribute、text统称为节点node。
Element元素里面包含文档text和属性attribute