HTML+CSS+JavaScript窗口与框架01章节幻灯片.pptVIP

窗口与框架 Window对象 在BOM中，Window对象是一个全局对象，也是所有其他对象的顶级对象。因此在使用Window对象时，经常会将“window”省略。 Window对象简介 window对象代表了浏览器窗口，通过window对象可以在网页上弹出对话框，也可以打开与关闭浏览器窗口。在框架页中，通过window对可以调用不同框架中的内容。Window对象是所有其他对象的顶级对象，因此，可以通过window对象的子对象来控制网页程序，实现更多的动态效果。 window对象的属性 window对象的属性比较多，这些属性大多与浏览器窗口的属性相磁，如状态栏、窗口是否关闭。 Window对象常用属性 Window对象常用属性 Window对象的方法 window对象的方法也比较多，window对象的方法大多都是用于弹出对话框或窗口也可以将窗口移动到某个位置，或者是滚动窗口中的滚动条。 对话框 对话框是由浏览器产生的，因此，不同的浏览器产生的对话框从形式上看，都会有所不同。对话框可以分警告框、确认框和提示框3种。 1、警告框 警告框通常用于提示用户操作是否有误，也常用于显示提醒信息。 window.alert([message]) input type=button value=第一个按钮 onclick=alert(您单击了按钮) 2、确认框 警告框中只有一个按钮，而确认框上会有两个按钮，可以让用户进行选择。确认框的主要作用是让用户是否进行下一步操作。如果要进行下一 步操作，可以选择确认框上的[确定]按钮，如果要取消下一步操作，则可以单击确认框上的[取消]按钮。 window.confirm([message]) input value=提交按钮 type=button onclick=confirm(是否要提交) 3、提示框 提示框通常用于提示用户输入一些信息，而这些输入的信息往往是程序下一步操作所需要使用到的信息。 window.prompt([message],[defaultText]) message：显示在提示框上的信息，该参数是可选参数 defaultText：显示在提示框上文本框中的默认文字。 script function welcome(){ var name=prompt(请输入您的姓名:,张三); if(name==){ document.write(您还没有输入姓名); }else{ document.write(欢迎您：+name); } } onload=welcome; /script 显示状态栏 用户可以自行设置是否显示浏览器窗口的状态栏 在window对象中，可以使用defaultStatus属性来设置状态的默认信息。 script //提示用户输入姓名 var name=prompt(请输入您的姓名,张三); if(name==){ //如果用户没有输入姓名，则将状态栏的默认信息设置为“欢迎您” window.defaultStatus=欢迎您; }else{ //如果用户输入出姓名，则将状态栏的默认信息设置为欢迎您XXXX window.defaultStatus=欢迎您+name; } 读取状态栏的信息 document.write(状态栏中的信息为:,window.defaultStatus); /script 窗口操作 window对象代表的是一个浏览器窗口，因此，window对象主要操作是对窗口的操作，如新开一个窗口、关闭一个窗口、移动窗口、调整窗口大小。 使用window对象的open()方法可以打开一个窗口，并可以在该窗口中加载一个新文档 window.open([url],[windowName],[features],[replace]) url:在新开窗口中加载的文档的URL windowName：新开窗口的名称 features:新开窗口的特征，可以用来设置新开窗口是否显示工具栏、菜单栏等。 replace:该参数是一个布尔值，用于设置是否覆盖当前窗口的浏览历史记录。 input type=button onclick=window.open() value=新开一个窗口 在命名窗口中打开文档 input type=button onclick=window.open(hell.html,buttonWin) value=例子 设置新开窗口的特征 input type=button onclick=window.open(hello.html,,width=300,height=100) value=按钮一 input type=button onclick=window.open(sample01.html