如何使子窗口与主窗口一起最小化和最大化
在前端开发中，可以通过JavaScript来实现子窗口与主窗口一起最小化和最大化的功能。具体实现步骤如下：
- 首先，在主窗口中创建一个按钮或其他触发事件的元素，用于触发最小化和最大化操作。
- 在按钮的点击事件中，使用JavaScript代码获取子窗口的引用。
- 使用子窗口的引用，调用子窗口的
minimize()方法实现最小化操作。该方法将子窗口最小化到任务栏或系统托盘。 - 同样使用子窗口的引用，调用子窗口的
maximize()方法实现最大化操作。该方法将子窗口最大化显示在屏幕上。
下面是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>子窗口与主窗口最小化和最大化示例</title>
</head>
<body>
<button id="minimizeBtn">最小化</button>
<button id="maximizeBtn">最大化</button>
<script>
// 获取子窗口的引用
var childWindow = window.open('child.html', 'childWindow', 'width=500,height=300');
// 最小化按钮点击事件
document.getElementById('minimizeBtn').addEventListener('click', function() {
// 调用子窗口的minimize()方法
childWindow.minimize();
});
// 最大化按钮点击事件
document.getElementById('maximizeBtn').addEventListener('click', function() {
// 调用子窗口的maximize()方法
childWindow.maximize();
});
</script>
</body>
</html>在上述示例代码中，我们创建了两个按钮，分别用于最小化和最大化操作。通过window.open()方法打开了一个子窗口，并将子窗口的引用保存在childWindow变量中。然后，通过addEventListener()方法为按钮添加点击事件监听器，在事件处理函数中调用子窗口的minimize()和maximize()方法实现最小化和最大化操作。
需要注意的是，上述示例代码中的child.html是子窗口的页面文件，你可以根据实际需求进行修改。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）
- 产品介绍链接地址：https://cloud.tencent.com/product/cvm
相关·内容
4回答
jQuery:检测对已更改的类名的单击，该类名不是原始类
jquery、class、button、detect
我有一个按钮，它将它的类从最大化更改为最小化。最初，它有一个最大化类，但是单击它就会更改为一个最小化类。现在，我想抓住点击最小化和只最小化。
看看下面的代码：
$('.button-maximize').off('click').on('click', function() {
$(this).removeClass('button-maximize').addClass('button-minimize');
});
因此，这将将类更改为最小化。显然，我需要事件委托来捕捉事件。
接下来我要做的是：
$(&
浏览 2提问于2016-03-04得票数 1
回答已采纳
4回答
javascript将事件从一个窗口传递到另一个窗口
javascript
有没有办法打开一个新的窗口，
var newWindow = window.open(...);
然后将事件从newWindow传递到它的打开窗口？
我想要做的是打开一个窗口，询问一些信息，然后一旦输入，关闭新窗口，并在原始窗口中触发一个操作。
谢谢。
编辑:谢谢大家。这和我想的差不多，但我一定是在做一些愚蠢的事情。这是一些我一直在用头撞墙的测试代码：
在parent.html中
window.open("child.html");
$(window).bind("something", function(e) {
console.log('s
浏览 3提问于2011-09-08得票数 5
回答已采纳
2回答
带有销毁选项并返回到初始状态的JQuery UI对话框
jquery、jquery-ui、dialog
我在使用JQuery对话框时遇到问题。
我有这个代码：(最初是一个简单的DIV，然后点击第二个按钮，称为最大化)
点击“最大化”后，可见的div变成对话框。但是当我想返回到div (初始状态)时，它不再出现在屏幕上。在文档中，会说“完全删除对话框功能。这将使元素返回到其初始化前的状态。”
我有javascript代码：
function makeit(data,maximize,minimize)
{
$(data).dialog();
$(maximize).hide();
浏览 1提问于2011-04-30得票数 1
回答已采纳
3回答
使用“window.open”并与子窗口进行通信
javascript、html、web、window.open
我的tomcat服务器上有两页。
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<button onclick="onBtnClick()">jump to child</button>
<script>
const ms
浏览 0提问于2018-05-24得票数 0
回答已采纳
1回答
如何在从父窗口调用的子窗口中设置输入文本值？
javascript
我想设置文本框值在子窗口中，HTML值是从父窗口传递过来的。我正在使用window.This和advance.My代码中的Javascript.Thanks，如下所示。 在父窗口中 var newWindow = window.open('child.html');
newWindow.id = 1;
newWindow.init(); 在子窗口中 function init(){
document.getElementById('id').value = id;
} 我认为我的代码没有调用init()函数。我试过了 window.open('chil
浏览 11提问于2020-01-16得票数 2
回答已采纳
2回答
电子，最小化屏幕
javascript、electron、minimize
我是个新手，我在Electron上有一个项目，我想做我自己的最小化/最大化，关闭按钮。我的最小化/最大化按钮也不能很好地工作。我已经通过了几个主题来问这个问题，但它仍然不起作用。当我第一次点击时，它会最大化窗口，但当我再次点击时，它不会最小化，所以它停留在if/else中的“window is maximized”状态。
即使当我开始创建自己的布尔值来强制函数时，它也能理解何时最大化。但它不会去另一个州。
以下是代码的示例
const remote = require('electron').remote;
let screenExit = document.getE
浏览 26提问于2019-11-29得票数 0
回答已采纳
3回答
在一个相当大的工具窗口上显示最小化和最大化按钮？
c#、winforms
我经常在较小分辨率的显示器(如上网本)上使用FormBorderStyle = SizableToolWindow来显示较小的标题栏高度和边框大小。
MaximimizeBox和MinimizeBox属性也被设置为True，但是它们似乎被忽略了，因为只显示了Close按钮。
我还尝试了使用以下方法自定义窗口样式：
protected override CreateParams CreateParams
{
get
{
CreateParams cp = base.CreateParams;
cp.Style |= 0x00020000;
浏览 1提问于2010-01-03得票数 0
回答已采纳
3回答
在子窗口打开后禁用链接，关闭子窗口后恢复
javascript、jquery、html、parent
我的客户在他们的网站上有一个链接，在弹出窗口中打开一个客户服务聊天窗口。他们看到用户多次点击聊天链接，这会打开多个聊天会话，并且会丢弃他们的数据。我需要在打开聊天窗口时禁用链接，并在聊天窗口关闭时恢复链接。我无法修改/访问子窗口。
原始链接如下所示：
<a class="initChat" onclick="window.open('https://chatlinkhere.com','chatwindow','width=612,height=380,scrollbars=0'); return false;
浏览 0提问于2014-06-13得票数 2
回答已采纳
2回答
当窗口被最小化电子时，window.maximize()失败
electron、trayicon、tray
我用托盘图标创建了一个电子应用程序。当我右键单击托盘图标时，我会显示一个包含4个选项的菜单：
最小化
最大化
重新启动
出口
下面是创建托盘图标的代码：
trayIcon = new Tray('icons/foo.png');
const trayMenuTemplate = [{
label: 'Maximize',
click:(_,window)=>{
window.maximize();
}
}, {
label
浏览 5提问于2017-07-12得票数 0
回答已采纳
1回答
WPF最小化拥有的窗口应该保持最小化，如果父窗口最小化，然后恢复。
c#、wpf、windows
我有一个主窗口和一个儿童窗口。子窗口的所有者是主窗口。子窗口是而不是对话框。我在子窗口的构造函数中使用了以下代码：
this.Owner = Application.Current.MainWindow;
this.WindowStartupLocation = WindowStartupLocation.CenterOwner;
this.ShowInTaskbar = false;
我设置了this.ShowInTaskbar = false，因为我希望在最小化时(而不是在任务栏)在屏幕底部显示子窗口。当我最小化主窗口时，子窗口也应该最小化(这是工作的)。但是，当子窗口已经最小化时，如果我
浏览 15提问于2022-07-19得票数 -1
回答已采纳
2回答
从父窗口刷新子窗口
javascript
使用JavaScript
我的父窗口里有刷新按钮，
当我单击刷新按钮时，
我想刷新我的孩子窗口，
window.location.href='add_billing_order_frm.php?session_re_genrate=new
这个片段重定向页面而不是刷新，
我觉得有个小片段
Opener.document.location.reload(真)；
但是这个用于父窗口刷新，但我想要子窗口wiht位置选项
function show_billing_order_form(url){
var childWindow = window.open(url);
}
浏览 4提问于2010-10-30得票数 9
回答已采纳
1回答
无法将本机blackberry BB10浏览器作为单独的会话启动
javascript、html、blackberry-webworks
下面的>button<代码是我用来在单独的浏览器窗口中打开站点的代码：
<button type="button" onclick="window.open('http://www.tc.gc.ca/eng/railsafety/rules-tco93.htm','_blank')">CROR</button>
当我使用Eclipse/PhoneGap开发我的BlackBerry Z10应用程序时，>button<代码可以正常工作。点击该按钮，该网站将在一个单独的窗口中打开。
浏览 2提问于2013-05-20得票数 0
1回答
如何将数据传递给创建了使用过的div的弹出窗口
javascript、html、css、jsp、popupwindow
我有在我的网页与名称和价格的产品表。在唯一的一行附近有一个按钮"Make order“。当我点击它时，我得到一个弹出窗口。我必须将我的名字和价格传递给这个弹出窗口。
<script type="text/javascript">
function show(state){
document.getElementById('window').style.display = state;
document.getElementById('wrap').style.display = state;
}
</sc
浏览 28提问于2016-05-03得票数 0
回答已采纳
1回答
event.preventDefault()对于关闭/最小化/最大化不在电子中工作的BrowserWindow事件
javascript、node.js、reactjs、typescript、electron
我试图覆盖电子浏览器窗口的close、minimize和maximize事件的默认行为。我得到了那些事件，但通过event.preventDefault()不起作用。我不希望窗口关闭/最小化/最大化按钮被禁用，而是执行一些自己的操作。我使用的是电子v13.1.2， am v91.0.4472.77，Node v14.16.0，macOS Big Sur v11.2。
非常感谢你的答复。
代码片段：
win.on('maximize', (event) => {
event.preventDefault()
console.log('This is maxi
浏览 0提问于2021-07-14得票数 0
1回答
电子应用窗口仍然是关于最小化、最大化和关闭事件的动画。
javascript、angular、electron
使用我的电子项目(使用角9)，制作了一个带有窗口控制按钮的自定义标题栏(最小化、最大化、恢复等)。现在，每当我单击这些按钮(假设最小化)窗口突然隐藏，没有显示平滑淡出动画，这是正常的windows桌面应用程序。因此，我做了另一个虚拟电子项目(没有角度，使用普通的JavaScript)，为窗口事件创建了4个按钮，如下所示：
index.js
const {app, BrowserWindow, ipcMain} = require('electron') ;
let win ;
app.on('ready', () => {
win = new
浏览 4提问于2020-05-29得票数 1
回答已采纳
2回答
没有标题栏按钮关闭窗口Ubuntu18.04
18.04、gnome、titlebar、window-buttons
自从从Ubuntu16.04升级到Ubuntu18.04之后，窗口左上角的标题栏按钮就消失了，以便关闭、最小化和最大化窗口。
📷
然后我去GNOME微调(GUI菜单)-> Windows ->标题栏
并设置选项，以添加、最大化和最小化按钮到标题栏。但是，无法选择窗口关闭按钮：
📷
一些我试图纠正的东西
我安装了gconf编辑器并尝试了这个gconf编辑器解决方案。
我不理解在此提供的解决方案(如果有的话)
命令的输出
gsettings get org.gnome.desktop.wm.preferences button-layout
输出：'minimize,max
浏览 0提问于2019-08-23得票数 7
回答已采纳
2回答
如何使WPF弹出窗口不隐藏在主应用程序后面？
c#、wpf、xaml、popup
在WPF应用程序中，我有弹出窗口实例的按钮。
I单击主应用程序的第一个按钮，第一个窗口在主应用程序的前台中正确弹出；，我单击第二个按钮，第二个窗口在主应用程序的前台中弹出正确。但是，第一个窗口现在将移动到主应用程序后面。这是令人困惑和意外的，因为它通常位于主应用程序的中间，因此似乎消失了，直到用户移动主应用程序以发现它隐藏在后面。
这是XAML
<Window x:Class="TestPopupFix.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation&
浏览 2提问于2009-09-18得票数 2
回答已采纳
2回答
单击链接，要求保存更改并刷新另一个页面
javascript、html、jquery
我有两个页面:主页和子页。在主页上，我有一个链接将引导用户到子页面。在主页面中，有一个监听器检查子窗口是否关闭，它会自动刷新主页面。 在主页中，链接为： <asp:HyperLink ID="hlchild" runat="server" NavigateUrl="javascript:void(openchild('../test/child','child'));">child page</asp:HyperLink> 以下是openchild的函数： var childWindow；
浏览 27提问于2020-10-19得票数 0
1回答
如何在父窗口的子窗口上启用tinymce
javascript、tinymce
我正在开发一个从Java生成所有HTML代码的web应用程序，我需要生成HTML内容，该内容将弹出另一个窗口，并带有一个tinymce框架。问题似乎是在tinymce的选择器中，它不识别子窗口中的元素。我将脚本简化为以下javascript代码：
var childWindow = window.open('', '', 'width=800, height=600');
childWindow.document.write('<html><head></head><body><tex
浏览 4提问于2016-02-16得票数 0
回答已采纳
2回答
在事件中将对象发送到另一个类中的方法
c#、wpf、events
在我的第二个窗口中，在双击时，我想调用MainWindow中的一个方法并将其发送给一个对象。
当第二个窗口被MainWindow拥有时，一切都很好，但是这使得MainWindow总是被画在第二个窗口后面，这不是我想要的。
因此，我的问题是，我如何调用我的public LoadSong(Song tempSong)方法在我的MainWindow按钮点击在我的第二个窗口(假设我不能直接调用该方法)？
浏览 5提问于2015-12-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
