window.createPopup()对象简单范例
<HTML>
<HEAD>
<TITLE>Popup Custom Navigation Menu Sample</TITLE>
<SCRIPT LANGUAGE="JScript">
var oPopup;
function window.onload()
{
oPopup = window.createPopup();
oPopup.document.body.innerHTML = oContextHTML.innerHTML;
oPopup.document.all.btn1.oncli ck=function(){test(oPopup.docu ment.all.txt1.value) };
document.onkeypress=function(){oPopup.document.all.txt1.value += String.fromCharCode(event.keyCode)};
}
function showPopup()
{
var lefter = event.offsetX+10;
var topper = event.offsetY+10;
oPopup.show(lefter, topper, 200, 65, document.body);
}
function test(x)
{
alert(x);
}
</SCRIPT>
</HEAD>
<BODY oncontextmenu="showPopup(); return false;">
右键单击网页任意空白看看?
<DIV ID="oContextHTML" STYLE="display:none;">
<input type="type" id="txt1" value="123"><input type="button" id="btn1" value="set">
</DIV>
</BODY>
</HTML>
分享到:
相关推荐
Ps:主代码位于Menu.js文件中. ...因为windows.createPopup()方法只有IE浏览器支持.如果请在IE上面进行测试.另外,因为做的时间比较仓促,有些代码看起来会很乱,希望大家多多包涵. http://ham.javaeye.com欢迎光临
补增一个效果图! 模拟Popup body{ margin:0; padding:0; text-align:center; } #container{ margin:50px auto; padding:10px auto; } #popupcontent{ position:absolute;... cursor:defaul
描述中指出,开发者已经利用`window.createPopup()`方法成功地在桌面上创建了一个浮动的Flash元素,但遇到的问题是这个Flash元素不透明,无法像QQ魔法表情那样实现透明效果。为了深入理解这个问题并提供解决方案,...
### JavaScript的BOM之Window对象 #### 一、概念 BOM(Browser Object Model)即浏览器对象模型,它是JavaScript中的一个重要组成部分,为开发者提供了与浏览器交互的能力。BOM定义了一系列的对象,通过这些对象...
这段代码展示了如何利用`window.createPopup()`方法创建多层弹出窗口,并且通过调用`showSubMenu1`函数来动态显示一级子菜单。需要注意的是,实际开发中可能还需要添加更多辅助函数来完善整个菜单系统的交互逻辑,...
`parentWindow`则为弹出窗口的父窗口对象,通常为`window`自身。 创建菜单和子菜单时,我们首先需要构建HTML结构。在JavaScript中,我们可以使用字符串拼接或DOM操作来动态生成HTML代码。例如,一个简单的菜单可能...
this.style.color=''\" onclick=\"parent.window.open('/news/view.aspx?id=" + id + "');\">查看新闻</td></tr>"; var TrBr1 = "<tr><td style=\"background-color:ThreeDShadow;height:1px;\"></td></tr>"; var ...
- **`oPopup`**:通过调用`window.createPopup()`方法创建一个弹出窗口对象,并将其赋值给变量`oPopup`。 - **`popTop`**:初始化弹出窗口的垂直位置为50像素。 ##### 2. 定义弹出消息的函数 `popmsg(msgstr)` ```...
- 在开发过程中,作者原本打算使用window.createPopup()方法来实现日历的弹出窗口,但遇到了两个技术障碍。 - 第一个障碍是createPopup窗口在用户点击非弹出窗口区域后会立即关闭,这会导致在选择年份时不小心点击...
1. **跨浏览器兼容性**:由于上述代码中使用了 `window.createPopup()` 方法,该方法主要用于 IE 浏览器。在实际应用中,需要考虑其他浏览器的兼容性问题,比如使用第三方库(如 jQuery)或原生 JavaScript 来替代。...
该实例不仅展示了如何利用`window.createPopup()`方法创建弹出窗口,还涉及了如何设置样式以及动态控制弹出框的显示与隐藏过程。 #### 二、核心代码解析 ##### 1. 创建弹出窗口 ```javascript var oPopup = ...
通过调用`window.createPopup()`方法,可以生成一个弹出窗口,但需注意的是,`createPopup`并非标准的JavaScript方法,这通常意味着这段代码可能是在特定的浏览器环境(如IE)下编写的,或者是在某种框架或库的上...
1. **创建弹出窗口**:使用`window.createPopup()`方法创建一个弹出窗口实例`oPopup`。 2. **设置样式**:对弹出窗口的文档体`oPopupBody`进行样式设定,包括背景色、字体大小、文本对齐方式和内边距等。 3. **添加...
这个文件可能涉及到JavaScript中的`window.createPopup()`函数,该函数用于创建浮动窗口,通常用于创建弹出式菜单或提示信息,以增强用户的交互体验。不过,此功能在现代浏览器中已被废弃,现在更多地使用其他方法...
- 需要注意的是,现代浏览器不再支持`window.createPopup`方法,因此如果要在其他浏览器上运行,可能需要进行相应的修改或替换为其他库(如jQuery的模态框插件)。 通过以上分析,我们可以看出这个案例展示了如何...
`window.createPopup()` 是一个假设的方法(实际中浏览器并没有提供这个API),其功能是创建一个新的弹出窗口对象。在真实环境中,开发者可能会使用`window.open()` 方法或者利用HTML5中的`<dialog>`元素来创建类似...
对于Internet Explorer,还特别使用了`window.createPopup()`方法来创建弹出窗口,这在其他浏览器中可能不可用。 7. **定时器与动画效果**:`setTimeout("pop();",50);`和`setTimout("dismisspopup()",hideafter*...