Dom学习

用法:

function bodymousedown() {
alert('哈哈');
}
</script>
</head>
<body onmousedown="bodymousedown()">

body document对象的事件

onload:网页加载完毕时出发,浏览器是一边下载文档,一边解析文档,可能会出现js执行时需要操作某个元素,这个元素还没有加载,如果这样就要把操作的代码放到onload事件中,或者可以把javaScript放到元素之后。

onload事件是元素自己加载完毕时触发,body onload才是全部加载完成

<script type="text/javascript">
//showModelessDialog('Dialog.htm')//被拦截
btn.value = "OK";//报错,因为btn元素还没有被构建
</script>
</head>
<body onload="btn.value='OK'">
<input type="button" id="btn" value="模拟对话框" onclick="showModelessDialog('Dialog.htm')" />

onunload:网页关闭时(离开后)触发

onbeforeload:在网页准备关闭(或者离开)后触发可以添加提示:onbeforeunload="window.event.returnValue='Are you sure?'"

动态设置事件

<script type="text/javascript">
function f1() { alert("1"); }
function f2() {alert("2");}
</script>
</head>
<body>
<input type="button" onclick="document.ondblclick=f1" value="关联事件1" />
<input type="button" onclick="document.ondblclick=f2" value="关联事件2" />

window 对象

window 对象代表当前浏览器窗口,使用window对象的属性,方法的时候可以省略window,比如window.alert(‘a’)可以省略成aler(‘aa’)

1.alert方法,弹出消息对话框

2.confirm方法,显示“确定”、“取消”对话框,如果按了【确定】按钮,就返回true,否则返回false

<script type="text/javascript">
function confirmdemo() {
if (confirm("是否进入?")) {
alert("进入了");
}
else { alert("取消进入"); }
}
</script>
</head>
<body>
 <input type="button" value="confirm" onclick="confirmdemo()" />

3.navigate()

navigate("http://www.changshou120.com")

4.setInterval每隔一段时间执行指定的代码,第一个参数为大吗的字符串,第二个参数为间隔时间(单位毫秒),返回值为定时器的标识

setInterval(alert("hello"),5000)

5.clearInterval取消执行 传参数

<script type="text/javascript">
var intervalId;//可以当做是全局变量
function interval() {
intervalId = setInterval("alert('有一点动心')", 2000);
}
</script>
</head>
<body>
 <input type="button" value="测试" onclick="interval()" />
  <input type="button" value="取消测试" onclick="clearInterval(intervalId)" />

6.setTimeout 是定时执行 只执行一次setTimeout (alert("hello"),5000)  5秒钟后执行  然后没了

clearTimeout   超时只能超一次

标题栏走马灯效果实现

    <title>走马灯效果</title>
<script type="text/javascript">
function scroll() {
var title = document.title;
var firstch = title.charAt(0);
var leftstr = title.substring(1, title.length);
document.title = leftstr + firstch;
}
setInterval("scroll()", 500);
</script>

换一下思路:

        我以坚定的绝望

                                向你告别

                               如此的结局

                               并不在预料中

                                 曾经

                             我在千千万万人中

                                将你认出

                                  如今

                           我又将你放回千千万万中

                              独自在梦中哭泣

                              想起你是怎样地

                              从千千万万人中

                                 向我走来

                           立誓要把我爱到地老天荒

                              想起你离去的背影

                                  一夜间

                                 我坐穿悲伤

                                让心变成沙漏

                              将岁月一滴滴流去

                                  空了


评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值