JavaScript 模式化窗口使用方法
?
两种设置父窗口中html元素值的方法
1.
a.html
//obj为父窗口中元素的事件所传的值,如子窗口中需要的话,
function showMedias(obj) {
var o1 = document.getElementById(obj.name + "_id");
var oo = new Array(o1, obj);
//此处数组是为了说明子窗口可以接收任何父窗口所传的对象
window.showModalDialog('findMediaPageUseModalDialog.do', oo,
'dialogWidth:500px; dialogHeight:400px;');
}
b.html
//此处为子窗口中事件方法
function selectMedia(obj1, obj2) {
var myObj = window.dialogArguments; //获取父窗口所传来的值.
myObj[1].value = obj1; //可直接设置父窗口中的元素值
myObj[0].value = obj2;
window.close();
}
2.
a.html
//obj为父窗口中元素的事件所传的值,如父窗口中需要的话,
function showMedias(obj) {
//此处v表示子窗口所返回的值
var v = window.showModalDialog('findMediaPageUseModalDialog.do',null,
'dialogWidth:500px; dialogHeight:400px;');
var o1 = document.getElementById(obj.name + "_id");
var o2 = obj;
o1.value=v[1];
o2.value=v[0];
}
b.html
//此处为子窗口中事件方法
function selectMedia(obj1, obj2) {
var myObj = window.dialogArguments; //获取父窗口所传来的值.
var v=new Array(obj1,obj2);
window.returnValue = v; //将子窗口返回给父窗口的值
window.close();
}
分享到:
相关推荐
在本文中,我们将深入探讨如何利用JavaScript来实现自定义浏览器窗口的功能,包括窗口拖动、放大缩小、最小化以及全屏操作。 一、窗口拖动 在JavaScript中,我们可以使用事件监听来实现窗口拖动的功能。首先,我们...
**jQuery插件:JavaScript可拖动的模式...### 使用方法 在HTML页面中引入jQuery库和插件脚本,然后调用插件方法来应用到指定元素。例如: ```html <script src="https://code.jquery.com/jquery.min.js"></script> ...
在JavaScript(js)中,模式窗口的实现有很多种方法,包括使用内置的`window.alert()`、`window.confirm()`和`window.prompt()`函数,但这些功能有限,无法满足复杂的UI需求。因此,开发者通常会使用第三方库,如...
一种实现方式是在模式窗口中嵌入选项卡元素,并在打开窗口时初始化选项卡: ```html 模式窗口"> ... ... ... ... $(function() { $("#myModal").dialog({ autoOpen: false, modal: true...
在本主题中,我们将深入探讨`div`模式窗口的概念、用途、以及如何使用CSS进行样式控制。 1. `div`元素介绍: `div`元素是HTML5中的一个通用容器,它的主要功能是将内容分组,以便应用样式或进行脚本操作。`<div>`...
在“javascript参考”这个主题中,我们将会深入探讨JavaScript的基础知识、核心概念以及它在模式化窗口应用中的应用。 1. **基础语法** JavaScript的基础语法包括变量声明(var、let、const)、数据类型(如字符串...
在JavaScript中,有两种主要的方法来创建模式窗口:`window.alert()`、`window.confirm()`和`window.prompt()`,但这些内置方法功能相对有限。而`showModalDialog()`函数则提供了更高级的定制能力,允许开发者创建...
模式窗口在网页开发中是非常实用的功能之一,通过本文的介绍,我们可以了解到如何使用`window.showModalDialog()`方法来创建具有不同特性的模式窗口。这不仅可以提高用户的交互体验,还可以根据实际需求灵活调整窗口...
总结来说,虽然JavaScript无法直接实现HTML页面的“最大化”功能,但可以通过调整窗口大小的方法来尽可能接近全屏效果。同时,考虑到浏览器兼容性和用户隐私,这种方法可能需要根据实际情况进行调整和优化。
无论你是初学者还是经验丰富的开发者,理解并熟练掌握这些插件的使用方法都将对你的项目带来极大的帮助。在实际开发中,你可以根据项目需求和用户反馈,灵活选用或组合使用这些工具,以打造更优质的用户体验。
6. **防抖与节流**:在事件处理中使用防抖(debounce)或节流(throttle)技术,提高性能,特别是处理频繁触发的事件如窗口滚动。 7. **错误处理**:使用`try...catch`语句捕获和处理错误,提供更好的异常反馈。 8. **...
这种模式通常涉及到使用JavaScript技术来创建一个动态、可自适应并且灵活的窗口系统,使得用户可以在网页中以类似ICQ聊天窗口的方式与应用交互。 在描述中提到的"多窗口"功能,意味着用户可以打开并管理多个独立的...
以上就是在进行JavaScript模式化窗口开发中可能遇到的问题及其解决方案。特别需要注意的是,在跨浏览器开发时,`window.showModalDialog()`方法可能只在IE浏览器上有效,而其他浏览器如Firefox可能存在兼容性问题。...
这种对话框是非模式化的,即主窗口仍可操作。 #### 6. 使用`window.showModalDialog()` 与`window.showModelessDialog()`类似,但使用`window.showModalDialog()`打开的是一个模式对话框,即在对话框关闭之前,主...
Fullscreen API 是一个标准化的接口,允许JavaScript控制元素进入或退出全屏模式。它提供了两个主要的方法:`element.requestFullScreen()` 和 `document.exitFullScreen()`。前者用于将指定的元素(如body)进入...
面向对象编程(OOP)在JavaScript中具有独特的实现方式,书中将介绍如何在JavaScript中使用原型链、工厂模式、构造函数模式和ES6引入的class关键字等。 Ajax技术的介绍让读者能够了解如何在不重新加载页面的情况下...
在ASP.NET中实现模式窗口,可以借助JavaScript库,如jQuery UI或Bootstrap,或者使用内置的AjaxControlToolkit库。以下我们将探讨几种实现方式: 1. **jQuery UI Dialog** jQuery UI提供了一个强大的Dialog组件,...
总结起来,EXTJS中实现Window的最小化和还原功能需要对EXTJS组件系统有深入理解,包括Window组件的属性和方法,以及事件驱动的编程模式。通过自定义事件处理和状态管理,我们可以为EXTJS应用添加这样的高级交互功能...