day04_HTML BOM学习总结笔记

来源：互联网发布：windows凭据总丢失编辑：程序博客网时间：2024/05/22 09:39

03浮动广告：

      function moveImage(){
            document.getElementById("ad1").style.left=Math.random()*500+"px";//可以使用这个语句修改标签的样式
            document.getElementById("ad1").style.top =Math.random()*500+"px";
     }
     setInterval("moveImage()",1000);//循环移动图像，类似循环执行脚本函数体

</script>

04history

function中直接history.go(-1);可直接实现后退功能。

05navigator

function 函数名（）{

document.write(navigator.appName);//返回浏览器

}

</script>

//navigator.appName 浏览器

//navigator.platform 平台

//具体可以参考手册，多使用。

06screen实例

在body中加入onload=“alert（“页面已经重新加载”）”

07鼠标移动事件

function showlocation(event){

window.status = event.clientX+","+event.clientY;//获取当前焦点坐标

}

function clearText(){

window.status=" ";

}

<body>

onmousemove="showlocation(event)"

onmousehover="cleartext()"

onmouseover=""//类似就可以

</body>

08加载和卸载事件

在body部分添加：onload onunload，后面加alert提示

09聚焦和离焦事件

在body部分直接用 onfocus=“函数名”

onblur=“函数名”

直接实现聚焦离焦事件。<script>里面定义函数就可以。

10键盘事件

和上面一样，直接在body中使用onkeydown，onkeypress，onkeyup，具体参考手册

11提交和重置事件

<body>中，onsubmit=“return 函数名”

实现的时候，错误返回的false不会提交，只有true才会向服务器提交。

12onchange事件

代码如下：

//attention:

obj.add(new Option(city[i],city[i]))列举出来

直接将obj.length=0可以实现初始化为0；

0 0