Web基础之JavaScript（二）

window对象

+ DHTML

1) 操作HTML以创造各种动态视觉效果，是一种浏览器端的动态网页技术。

2) DHTML的功能：

—> 动态改变页面元素。

—> 事件响应机制制作动态折叠的树形结构和菜单。

—> 与用户进行交互等。

1) 对象模型：

window

表示浏览器中打开的窗口。也是父对象。

1）常用属性：

①name：窗口名称。

②opener：打开当前窗口的window对象（引用）。

③status：窗口底部状态栏信息。

2）常用子对象：

①document：代表给定浏览器窗口中的HTML文档。

②history：包含了用户浏览过的URL信息。

③location：包含关于当前URL的信息。

④navigator：包含Web浏览器的信息。

⑤screen：包含关于客户屏幕和渲染能力的信息。

⑥event：代表事件状态。

3）方法：

—> alert(str) : 提示对话框，显示str字符串的内容。

—> confirm(str) ：确认对话框，按确定返回true，其他操作返回false;

—> prompt(str,value)：输入对话框。采用文本框输入信息，str为提示信息，value为初始值，按“确定”返回输入值，其他操作返回undefine，value可省。

//使用：var msg = confirm(str); if(msg==true){…}

【注意：window.prompt("请输入ID：");//因为不能控制它，所以很少用】

—> window.open(url)：重复打开。

—> window.open(url,windowName)：采取命名方式，避免重复打开

—> window.open(url,windowName,config)：config设置新窗口外观如高和宽。

windowName: _blank:在新窗口中打开；_self：当前窗口中打开；_top：当前网页上部窗口中打开

config: top/left：窗口离屏幕顶部/左边距离； width/height：窗口宽高；

menubar/toolbar/scrollbar/status：yes,no窗口有没有菜单/工具条/滚动条/状态栏

—> window.close()：关闭窗口。

function Wopen(){
      var win = window.open("http://www.imooc.com","_blank","width=300,height=200,