window 对象代表当前浏览器窗口 ,使用 window 对象的属性、方法的时候可以省略 window ,比如 window.alert('a') 可以省略成alert('aa') 。
(2)confirm 方法,显示 “ 确定 ” 、 “ 取消 ” 对话框,如果按了 【 确定 】 按钮,就返回 true ,否则就 false
<script type="text/javascript">
function confimdom()
{
if(confirm("是否进入网站?"))
{
alert("进入");
}
else
{
alert("不进入");
}
}
</script>
(3)navigate函数:
重新导航到指定的地址:
<input id="Button2" type="button" value="Button-navigate" οnclick="navigate('http://www.baidu.com')" />
(4)setInterval 每隔一段时间执行指定的代码,第一个参数为代码的字符串,第二个参数为间隔时间(单位毫秒),返回值为定时器的标识。
写函数
function startSetInterval()
{
setInterval("alert('哈哈')",5000);
}
调用:
<input id="Button3" type="button" value="setInterval 测试" οnclick="startSetInterval()" />
(5)clearInterval 取消 setInterval 的定时执行,相当于 Timer 中的Enabled=False 。因为 setInterval 可以设定多个定时,所以clearInterval 要指定清除那个定时器的标识,即 setInterval 的返回值。
函数:
<script type="text/javascript">
var Id;//定义一个全局的变量保存定时器的标识
function startSetInterval()
{
Id=setInterval("alert('哈哈')",2000);
}
</script>
调用:
<input id="Button4" type="button" value="停止setInterval" οnclick="clearInterval(Id)" />
(6)setTimeout 也是定时执行,但是不像 setInterval 那样是重复的定时执行, 而是只执行一次 , 对应的clearTimeout 函数也是清除定时。
很好区分: Interval :间隔; timeout :超时。
var timeoutId = setTimeout("alert('hello')", 2000);
案例:实现标题栏走马灯的效果,也就是浏览器的标题文字每隔200ms 向右滚动一下。提示:标题为 document.title 属性。实现代码参考备注。
<head>
<title>欢迎来到我的网站</title>
//实现思想:依次把第一个字符移动到最后一个字符之后,从而实现滚动
<script type="text/javascript">
function scroll()
{
var title=document.title;//通过document.title 取网页的标题(即:<title>欢迎来到我的网站</title>中间的字符)
var firstch=title.charAt(0);//charAt()函数:取指定的字符 (在这里取标题第一个字符)
var leftstr=title.substring(1,title.length);//去标题剩余的字符
document.title=leftstr+firstch;//剩余部分字符加上第一个字符 (即是:迎来到我的网站欢)
}
setInterval("scroll()",200);//每隔200毫秒第一个文字放在最后一个文字之后,从而实现滚动效果
</script>
</head>
练习:刚进入的时候还是向左滚动,点击 【 向左 】 按钮就向左连续滚动,点击 【 向右 】 按钮就向右连续滚动。
• 思路 2 、 scrollleft scroolright, 向右滚的时候将 scrollleft 的 Interval clear 掉,然后 setInterval 启动 scrollright
(7)showModalDialog 弹出模态对话框,注意 showModalDialog 必须 在 onClick 等用户手动触发的事件中才会执行 ,否则可能会被最新版本的浏览器当成广告弹窗而拦截。
• 第一个参数为弹出模态窗口的页面地址。
• 在弹出的页面中调用 window.close() (不能省略 window.close() 中的window. )关闭窗口, 只有在对话框中调用 window.close() 才会自动关闭窗口 ,否则浏览器会提示用户进行确认。
(8)showModelessDialog 弹出非模态窗口,参数等和showModalDialog 一样。