web之javascript BOM语句
BOM：（Browser Object Model）浏览器对象模型
一、BOM语句
1，alert(字符串或变量)：警告消息对话框
<script type="text/javascript">
var mynum=30; //定义变量并赋值
alert("hello!");//用消息对话框输出“hello！”
alert(mynum); //用消息框输出变量“30”
</script>
注意：
1，在点击对话框“确定”按钮前，不能进行任何其它操作。
2，消息对话框通常可以用于调试程序。
3，alert输出内容可以是字符串或变量，与document.write（）相似。
4，alert返回值为undefined
2，confirm(str)：确认消息对话框
<script type="text/javascript">
var mymessage=confirm("你喜欢JavaScript码？")；//定义弹窗显示的内容
if(mymessage==true){ //点击“确认”，返回值为true
document.write("很好，加油！")；
}
else //点击“取消”，返回值为false
{
document.write("JS功能强大，可以学学的！")；
}
</script>
1，str参数，要在弹窗上显示的内容。
2，返回值：点击“确认”返回true，点击“取消”返回false。
3，点击弹窗的按键前，不能做其它任何操作。
3，prompt(str1,str2):提问消息对话框
<script style="text/javascript">
var myname=prompt("请输入你的姓名：")；
if(myname==null){ //点击“取消”，返回为null；
document.write("你点击了取消按钮！");
}
else if(myname==''){//输入框没有输入内容，并点击“确认”，返回值为('')空格；
document.write("你点击了确认按钮，但你什么也没输入");
}
else{ //输入内容并点击“确定”，返回输入的内容；
document.write("你点击了确认按钮，你输入的内容为“+myname);
}
</script>
1,str1:要显示在消息对话框中的文本，不可修改；
2,str2:文本框中的默认显示内容，可以修改（为可选参数）；
3,点击确认按钮，文本框中输入的内容将作为返回值返回；
4,点击取消按钮，将返回null；
5,点击对话框的按钮前，不能进行其它操作；
4，window.open([URL],[窗口名称],[参数字符串])
<script style="text/javascript"> window.open('http://www.baidu.com','百度首页','width=300px,height=200px, menubar=no,toolbar=no,status=no,scrollbars=yes'); //打开一个命名为百度首页并进行一些属性设置的窗口； </script> ------------------------------------------------------------ | 参数 | 值 | 说明 | ------------------------------------------------------------ | top | numder | 窗口顶部离屏幕顶部的像素 | ------------------------------------------------------------ | left | numder | 窗口左端离屏幕左端的像素 | ------------------------------------------------------------ | width | numder | 窗口的宽度 | ------------------------------------------------------------ | height | numder | 窗口的高度 | ------------------------------------------------------------ | menubar | yes/no | 窗口有没有菜单 | ------------------------------------------------------------ | toolbar | yes/no | 窗口有没有工具条 | ------------------------------------------------------------ | scrollbars | yes/no | 窗口有没有滚动条 | ------------------------------------------------------------ | status | yes/no | 窗口有没有状态栏 | ------------------------------------------------------------ 参数说明： URL：可选参数；在窗口中要显示网页的网址或路径，如果省略，或者是空字符串，那么窗口就不显示任何文档。 窗口名称：可选参数；被打开的窗口名称； 1，改名字由字母、下划线、和数字组成。 2，“_top”、"_blank"、"_self"具有特殊意义的名称 _blank:在窗口显示目标网页； _self：在当前窗口显示目标网页； _top:框架网页中在上部窗口中显示目标网页； 3，相同name的窗口只能创建一个，所有创建多个窗口时name不能相同； 4，name不能包含空格； 参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。
5，close():关闭窗口
1，窗口对象。close();关闭指定网页
<script style="text/javascript"> var mywin=window.opn('http://www.baidu.com');//将打开的新网页存到变量中 mywin.close();//关闭指定网页 </script>
2，window.close();关闭当前网页
6，setInterval():定时器1；clearInterval(id_of_setInterval):取消定时器1
<body>
<form>
<input type="text" id="clock" size="50"/>
<input type="button" id="stop" onclick="stop()"/>
</form>
</body>
<script>
var int=setInterval('clock()',1000); //每隔1秒调用一次‘clock()’函数
function clock(){ //函数的作用：申明一个系统时间变量，并赋值给value
var time=new Date();
document.getElementById('clock').value=time;//在文本框中显示当前系统时间
}
function stop(){ //停止计时器函数
clearInterval(int);
}
</script>
注意：该定时器被触发后，会一直循环执行下去，直到被清除
7，setTimeout():定时器2；clearTimeout(id_of_setTimeout):取消定时器2
<body>
<form>
<input type="button" value="start" onclick="tinfo()">
<input type="button" value="stop" onclick="stop()">
</form>
</body>
<script>
function tinfo(){ //延迟函数
var t=setTimeout("alert('hello!')",5000);//在函数被调用5秒后弹出提示框
}
function stop(){
clearTimeout(t);//取消延迟函数
}
</script>
注意：该定时器在被触发后，只会被执行一次
更多详细内容请访问：http://www.jb51.net/article/55851.htm
