---------------------- Windows Phone 7手机开发、.Net培训、期待与您交流! ----------------------
Dom就是HTML页面的模型,将每一个标签都做为一个对象,JavaScript通过调用DOM中的属性、方法就可以对页面中的文本框、层等元素进行编制。
事件:
onmusedown: 当鼠标点击。(会覆盖掉onclick属性) <input type="button" value="点" onmusedown="alert('被点了')"> 也可以写一个函数。
<input type="button" value="关联事件" οnclick="document.οndblclick=f1"> 动态设置事件
window对象:代表当前浏览器窗口
(1)alert()方法:弹出消息框。 alert("aaaa");
(2)confirm()方法:显示“确定”、“取消”按钮的对话框。
if(confirm("确定退出?")){ //确定返回ture,取消返回false
alert("退出");
}
else{
alert("取消退出");
}
(3)重新导航到指定地址:navigate("http://baidu.com");
<input type="button" value="百度" οnclick="navigate('http://www.baidu.com')" /><!--点击跳转到百度-->
(4)setInterval每隔一段时间执行一次指定代码,第一个参数为执行的字符串,第二个参数是间隔时间,返回值为定时器的标识。
setInterval("alert('hello')",500);
(5)clearInterval取消定时器的执行,参数是定时器的标识。
clearInterval(id);
(6)setTimeout定时执行,只执行一次。clearTimeout清楚定时执行。
例子:走马灯效果。
<script type="text/javascript">
var Direction; //滚动的方向
var intId; //计时器标识
function scroll() {// 被计时器调用的方法
var first;//新标题的第一部分
var last;//新标题的剩余部分
var title = document.title;//获得页面的标题
if (Direction == "left") {//向左滚
first = title.substring(1, title.length);
last = title.charAt(0);
}
else {//向右滚
first = title.charAt(title.length - 1);
last = title.substring(0, title.length - 1);
}
document.title = first + last;//新标题
}
function leftScroll() {//左按钮调用
Direction = "left";
if (intId)//如果存在计时器
clearInterval(intId);//取消当前正在执行的计时器
intId = setInterval('scroll()', 400);//每400微妙滚动一次
}
function rightScroll() {//右按钮调用
Direction = "right";
if (intId)
clearInterval(intId);
intId = setInterval('scroll()', 400);
}
</script>
<input type="button" value="向左滚" οnclick="leftScroll()" />
<input type="button" value="向右滚" οnclick="rightScroll()" />
body、document对象的事件:
(1)onload:网页加载完毕时触发。
(2)onunload:网页关闭后触发。
(3)onbeforeunload:网页准备关闭后触发。在事件中为“window.event.returnValue”赋值。
<bordy οnbefοreunlοad="window.event.returnValue='真的要关闭吗?'">
window对象的属性:
(1)window.location.href=“www.baidu.com”,重定向新的地址。和navigate方法效果一样。window.location.reload()刷新界面。
(2)window.event是非常重要的属性,用来获取发生事件的信息。
altKey属性,bool类型,表示事件发生时alt键是否被按下,类似的还有ctrlKey、shiftKey
(3)returnValue属性,设置为false就会取消默认事件的发生。
<a href="http://www.baidu.com" οnclick="window.event.returnValue=false;alert('禁止访问!')">百度</a>
(4)clipboardData对象,对粘贴板的操作。clearData("Text")清空粘贴板;getData("Text")获取粘贴板的值;SetData("Text")设置粘贴板的值。
oncopy禁止复制、onpaste禁止粘贴。
---------------------- Windows Phone 7手机开发、.Net培训、期待与您交流! ----------------------