文档介绍：JavaScript高级
网址:
电话:400 700 1307
JavaScript高级
BOM
事件处理
DOM概念
DOM技术
Form表单
浏览器对象BOM简介
Window
窗口对象
location
地址对象
document
文档对象
FORM
表单对象
浏览器对象的分层结构
window对象
window对象代表浏览器的整个窗口,编程人员可以利用window对象控制浏览器窗口的各个方面,如改变状态栏上的显示文字、弹出对话框、移动窗口的位置等。
对window对象的属性和方法的引用,可以省略“window.”这个前缀 例如:("你好")可以直接写成alert("你好")。
Window 对象
名称
说明
alert (“m提示信息")
显示包含消息的对话框。
confirm(“提示信息”)
显示一个确认对话框,包含一个确定取消按钮
prompt(”提示信息“)
弹出提示信息框
open ("url","name")
打开具有指定名称的新窗口,并加载给定 URL 所指定的文档;如果没有提供 URL,则打开一个空白文档
close ( )
关闭当前窗口
setTimeout(”函数”,毫秒数)
设置定时器:经过指定毫秒值后执行某个函数
clearTimeout(定时器对象)
方法
Window 对象
<HTML>
<HEAD>
<SCRIPT>
function openwindow( )
{
("");
}
function closewindow( )
{
( );
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<INPUT TYPE=button VALUE="打开窗口" onClick="openwindow()">
<INPUT TYPE=button VALUE="关闭窗口" onClick="closewindow()">
</FORM>
<BODY>
使用 Open 方法
打开新窗口
使用 Close 方法
关闭窗口
添加单击事件
因为window是最顶层的根,所以可以省略
("");
可简写为:
open("");
close()方法也是如此。
open(”打开窗口的url”,”窗口名”,”窗口特征”)
窗口的特征如下,可以任意组合:
height: 窗口高度;
width: 窗口宽度;
top: 窗口距离屏幕上方的象素值;
left:窗口距离屏幕左侧的象素值;
toolbar: 是否显示工具栏,yes为显示;
menubar,scrollbars 表示菜单栏和滚动栏。
resizable: 是否允许改变窗口大小,yes或1为允许
location: 是否显示地址栏,yes或1为允许
status:是否显示状态栏内的信息,yes或1为允许;
Window 对象
我们需要预先制作好广告页面,,打开广告窗口的语句如下:
open(“”, “”, “toolbars=0, scrollbars=0,
location=0, statusbars=0, menubars=0,
resizable=0, width=650, height=150”);
<HTML>
<HEAD>
<SCRIPT language="JavaScript" >
function openwindow( )
{
open("", "", "toolbars=0, scrollbars=0,
location=0, statusbars=0, menubars=0,
resizable=0, width=650, height=150");
}
</SCRIPT>
</HEAD>
<BODY onLoad="openwindow( )">
<H2>看看和我一起打开的广告窗口</H2>
</BODY>
</HTML>
Window 对象
使用 Open 方法
打开广告新窗口
添加页面加载事件
对窗口可以设置的可选参数
名称
说明
width
窗口的宽度
height
窗口的高度
scrollbars
是否显示滚动条
resizable
设定窗口大小是否固定
menubar
菜单条
location
地址栏
toolbar
浏览器工具条,包括后退及前进按钮等
fullscreen
是否全