1）dom是js的类库。
2）关于事件发生时调用函数和注册函数的区别
1 <body onclick="load()">//当点击时，去调用函数
2 <input onclicik="document.onclick=f1">//当点击时，去为document对象注册事件，不是对f1方法的调用
3） window对象的方法
1 alert（）；
2 confirm（）；
3 window.navigate("url");
4 setInterval("要执行的js代码",500)；clearInterval（）； //主要需要全局变量来记住计时器的id；
5 setTimeout(); clearTimeout(tid); //因为有多个计时器，所以需要记住时间的id；
6 小试身手：走马灯
//只需要一个定时器，调用move()；函数，在函数内部通过全局变量dir来判断向左还是向右。
function leftMove() {
var titles = document.title;
var fir = titles.charAt(0);
var last = titles.substring(1, titles.length);
document.title = last + fir; }
function fighrMove() {
var titles = document.title;
var last = titles.substr(0, titles.length - 1);
var fir = titles.charAt(titles.length - 1);
document.title = fir + last; }
var dir = "left"; //全局变量
function move() { //执行移动
if (dir == "left") {
leftMove(); }
if(dir=="right"){
fighrMove(); } }
window.setInterval("move()", 1000); //定时器
function setDir(dirs) { //方向的选择
dir=dirs; }
7 window.showModalDialog(); //模态窗口
showModelessDialog(); //非模态窗口
window.close(); // 关闭窗口
8 body和document对象的事件
onload; onunload; onbeforeunload="window.event.returnValue='真的删除'";
9 onbeforeunload()
4）window对象的属性
1 window.location.href="url"; （set;get） location.reload();
2 event.altKey; event.shiftKey;返回bool; clientX;clientY;screenX;screenY;offsetX; returnValue=false; event.srcElement; event.keyCode; event.button; // <a href="www.baidu.com" onclick="window.event.returnValue='取消'">12</a> // 关于returnValue; 和return false ;前者是根据判断是否取消下一个行为；后者是取消后面的代码。
3 window.screen.width ;screen.height;
4 window.clipboardData.setData("text",val) ; //相当于通过复制放入到PC中唯一的剪贴板中 clipboardData.getData("text"); //得到PC中唯一的粘贴板中的数据 5 事件：oncopy="alert();return false";
6 window.history.back(); history.forward() ; history.go(-1);
5）document--window的另一个对象(history,clipboardData,event,navigator,screen);
1 document.write();
2 document.getElementById(); getElementByName(); getElementByTagName();
3 小试身手：全选和反选
function myfunction() {
var chAll = document.getElementById("chkAll");
var ck = chAll.checked; //得到选中按钮的状态
var chks = document.getElementsByName("sex");
for (var i = 0; i < chks.length; i++) {
chks[i].checked = ck; //根据选中按钮的状态的改变而改变
} }
4 小试身手：其它子选框都选中则全选选中，反之不选中。
//思路：监听每个选框的单击事件，进行判断，若有一个未选中，则全选按钮就不选中，反之就选中。
function and() {
var chAll = document.getElementById("chkAll"); //得到全选按钮
var chks = document.getElementsByName("sex"); //得到所有单选按钮
for (var i = 0; i < chks.length; i++) { //遍历
chks[i].onclick = function () { //监听
var chks = document.getElementsByName("sex");
for (var i = 0; i < chks.length; i++) {
if (!chks[i].checked) {
chAll.checked = false;
return; //因为也许有的部分选中，所以只要有一个未选中就设置未选中，并且返回。
}
chAll.checked = true; }
}; } }
5 小试身手：被选按钮显示“呜呜”，未选则显示“哈哈”。
function wwhh() {
var btns = document.getElementsByTagName("input"); //得到所有按钮
for (var i = 0; i < btns.length; i++) {
btns[i].onclick = function () { //监听
var btns = document.getElementsByTagName("input");
for (var i = 0; i < btns.length; i++) {
if (btns[i] == this) {
btns[i].value = "哈哈";
} else {
btns[i].value = "呜呜"; } } } } }
6 小试身手：5秒钟后，按钮可以注册点击。
var count=5; //设计倒数的时间；
var timer; //设置计数器为全局变量；
function jishu() {
var zhuce = document.getElementById("zhuce"); //得到注册按钮对象
if (count <= 0) { //判断时间
zhuce.disabled = false; //将不可用设置为可用
clearInterval(timer); //取消计时器 }
else {
count--;
zhuce.value = "还有"+count+"秒"; } }
timer=setInterval("jishu()",1000); //开始计时；并记录下其ID；
浙公网安备 33010602011771号