此方法为IE提供,在FireFox中不支持
语法:
oPopup = window.createPopup()
返回值:
oPopup : 对象(Object)。返回弹出窗口( popup )对象。
说明:
建立一个弹出窗口( popup )。
弹出窗口( popup )初始化为隐藏模式。
当一个激活的对象导致弹出窗口( popup )显示时,此对象不会失去焦点。所以,对象建立一个弹出窗口( popup )时不会激发自己的 onblur 事件。
注意:
1、函数没有任何参数
2、CreatePopup函数返回的值是新窗口的句柄,这个窗口和普通的窗口一样,所有该有的东西都有。
3、新窗口的parent属性可以对父级窗口(调用createPopup函数的窗口进行访问)
4、一个窗口只能创建一个popup窗口,新调用createPopup将会吧以前的窗口关闭。
5、新窗口的内容初始的时候是空的,没有任何内容,使用document.write和document.body.innerHTML设置值
6、窗口显示的时候调用popwindow.show函数,调用契约为 show(left,top, width, height, document.body);最后一个参数指明位置属性相对的对象
7、窗口隐藏直接调用hide函数。
8、在父级窗口中点击鼠标将会自动将popwindow隐藏。
9、销毁父亲窗口不一定销毁其创建的popwindow,前提是保存窗口句柄的对象是否被销毁。
10、使用alt-tab转换窗口的时候,有时这些新窗口会悬浮在桌面顶层,不会随IE窗口转到后台而隐藏(IE6、IE7都是)
11、新窗口的对象不能使用父窗口的CSS风格,需要手工复写
12、新窗口中的链接(Anchors)需要注意点击之后链接显示的窗口是当前的窗口,一般无效。
13、新窗口中的JavaScript出现错误的时候并不会在当前的IE状态栏中提示!
14、新窗口的CSS风格不支持expression,晕!
15、显示窗口的时候(调用show函数)必须指定窗口的位置和大小,尤其是大小,新窗口可不能自动进行缩放!
<!--[if !supportLineBreakNewLine]-->
<!--[endif]-->
<html>
<head>
<script type="text/javascript">
function show_popup()
{
var p=window.createPopup()
var pbody=p.document.body
pbody.style.backgroundColor="lime"
pbody.style.border="solid black 1px"
pbody.innerHTML="This is a pop-up! Click outside to close."
p.show(150,150,200,50,document.body)
}
</script>
</head>
<body>
<button onclick="show_popup()">Create pop-up!</button>
</body>
</html>
分享到:
相关推荐
补增一个效果图! 模拟Popup body{ margin:0; padding:0; text-align:center; } #container{ margin:50px auto; padding:10px auto; } #popupcontent{ position:absolute;... cursor:defaul
Ps:主代码位于Menu.js文件中. ...因为windows.createPopup()方法只有IE浏览器支持.如果请在IE上面进行测试.另外,因为做的时间比较仓促,有些代码看起来会很乱,希望大家多多包涵. http://ham.javaeye.com欢迎光临
描述中指出,开发者已经利用`window.createPopup()`方法成功地在桌面上创建了一个浮动的Flash元素,但遇到的问题是这个Flash元素不透明,无法像QQ魔法表情那样实现透明效果。为了深入理解这个问题并提供解决方案,...
- 鉴于上述问题,作者最终放弃了window.createPopup()方法,转而采用更常见的处理方法来实现日历控件的弹出功能。 4. 控件使用方法和设置参数: - 控件提供了三种不同的使用场景:仅选择日期、选择日期和小时、...
### JavaScript的BOM之Window对象 #### 一、概念 BOM(Browser Object Model)即浏览器对象模型,它是JavaScript中的一个重要组成部分,为开发者提供了与浏览器交互的能力。BOM定义了一系列的对象,通过这些对象...
这段代码展示了如何利用`window.createPopup()`方法创建多层弹出窗口,并且通过调用`showSubMenu1`函数来动态显示一级子菜单。需要注意的是,实际开发中可能还需要添加更多辅助函数来完善整个菜单系统的交互逻辑,...
### JavaScript自定义右键弹出菜单实现方法 ...需要注意的是,由于`window.createPopup()`API在现代浏览器中已经不再支持,因此实际应用中可能需要使用其他技术如CSS或JavaScript库来实现相同的效果。
`window.createpopup`是Internet Explorer浏览器提供的一种方法,用于创建弹出窗口,这在创建上下文菜单或复杂的菜单系统时非常有用。 首先,我们需要理解`window.createpopup`的基本用法。这个函数接受几个参数,...
1. **跨浏览器兼容性**:由于上述代码中使用了 `window.createPopup()` 方法,该方法主要用于 IE 浏览器。在实际应用中,需要考虑其他浏览器的兼容性问题,比如使用第三方库(如 jQuery)或原生 JavaScript 来替代。...
- **`oPopup`**:通过调用`window.createPopup()`方法创建一个弹出窗口对象,并将其赋值给变量`oPopup`。 - **`popTop`**:初始化弹出窗口的垂直位置为50像素。 ##### 2. 定义弹出消息的函数 `popmsg(msgstr)` ```...
该实例不仅展示了如何利用`window.createPopup()`方法创建弹出窗口,还涉及了如何设置样式以及动态控制弹出框的显示与隐藏过程。 #### 二、核心代码解析 ##### 1. 创建弹出窗口 ```javascript var oPopup = ...
- 需要注意的是,现代浏览器不再支持`window.createPopup`方法,因此如果要在其他浏览器上运行,可能需要进行相应的修改或替换为其他库(如jQuery的模态框插件)。 通过以上分析,我们可以看出这个案例展示了如何...
通过调用`window.createPopup()`方法,可以生成一个弹出窗口,但需注意的是,`createPopup`并非标准的JavaScript方法,这通常意味着这段代码可能是在特定的浏览器环境(如IE)下编写的,或者是在某种框架或库的上...
在IT行业中,用户体验(User Experience, UX)是产品设计的核心要素之一,关乎用户与产品的交互质量和满意度。"N种改善用户体验的DEMO"这个主题涵盖了多种优化用户界面和交互方式的技术与方法。以下是对压缩包文件中...
在copyContact函数中,获取textarea中的内容,并使用window.clipboardData.setData方法将内容复制到剪贴板。之后,函数会检测剪贴板中的内容,如果复制成功则弹出提示消息,否则提示用户复制失败。 对于复制图片到...
在给定的代码片段中,首先通过`window.createPopup()`方法创建了一个弹出窗口对象`ocolorPopup`,用于显示颜色选择面板。这一过程利用了浏览器的DOM(文档对象模型)操作能力,实现了动态添加和管理页面元素的目的。...
`window.createPopup()` 是一个假设的方法(实际中浏览器并没有提供这个API),其功能是创建一个新的弹出窗口对象。在真实环境中,开发者可能会使用`window.open()` 方法或者利用HTML5中的`<dialog>`元素来创建类似...
pops[degree] = pops[degree - 1].document.parentWindow.createPopup(); //从父Popup窗口创建子Popup窗口 } pops[degree].document.body.setAttribute("degree", degree); return pops[degree]; } ...