window.open打开的页面怎样显示在全屏application之前

解决全屏程序与新窗口显示优先级问题
最新推荐文章于 2023-04-03 15:43:25 发布
最新推荐文章于 2023-04-03 15:43:25 发布 · 242 阅读 · 0
文章标签：

#window.open #SWT #Java

本文探讨了在使用SWT开发的全屏程序环境下，如何通过特定方法确保新打开的窗口能够在全屏程序之前显示，避免了浏览器事件操作带来的IE反对现象。重点介绍了使用`window.showModelessDialog`实现非模式窗口优先显示的方法，并对比了其与模式窗口的区别。

如题：

 

当我用window.open打开一个新页面的时候，如果当前是有全屏的程序(比如一个用SWT开发的总是显示最前的程序)在的，并且全屏的程序也是置顶显示的，那么怎么才能让我新打开的页面在全屏程序之前呢？

 

貌似这个是IE一直在反对的？因为感觉这样相当于操作浏览器的事件。。。

 

我试过window.showModelessDialog弹出的页面是显示在最前的，但非模式窗口是多线程的，也就是当有新窗口打开时，总是打开一个新的窗口，不能在同一个窗口中打开。

Open3D-GUI系列教程（三）界面布局
qq_31254435的博客
02-13 4048
简要介绍了如何在open3d-gui中控制窗口中的布局。
QML 中去除界面标题栏的蓝框，并使内容全屏显示
m0_46376834的博客
08-25 769
要在 QML 中实现界面标题栏的蓝框不显示，并且让内容全屏显示，同时支持快捷键功能，你可以按照以下步骤进行设置。以上代码展示了如何在 QML 中去除界面标题栏的蓝框，并使内容全屏显示，同时实现快捷键功能。下面是一个简单的示例，展示如何绑定快捷键来触发某些操作。组件，你可以根据需求自定义界面的外观和行为。属性设置为无边框和全屏来实现这一点。为了在界面中实现快捷键功能，可以使用。QML 中可以通过使用。
将window.open打开的窗口保持在最前端
热门推荐
Emperor003的博客
01-21 1万+
实现将window.open打开的窗口像dialog一样放置在最前端，可直接在打开的窗口的body标签中设置 当窗口失去焦点的时候，让其重新获取焦点。 如果打开的窗口不需要支持拖动，可直接使用window.showModalDialog()。
window.open 让弹出框在最前端显示
bdk82924
09-10 810
    var sub=window.open('aa.do','11','height=900,width=1000,location=no, menubar=no,resizable=no,toolbar=no,scrollbars=yes'); sub.focus() ;    
window.open窗口在最上面
银狐的专栏
09-27 3673
window.open 具有焦点，在所有窗口之上
让window.open()打开页面位于最上面
几多心跳
11-23 4328
一、概述： 先说下我的需求，我需要用window.open()方式来打开一个嵌入网络监控摄像头的新页面，并且要实现当未关闭弹出页面时无法操作父窗口。这也是为了提升用户体验，避免嵌入摄像头的页面藏在其他页面下方，用户还得去寻找。 二、实现 用window.open()打开新页面非常简单，几行代码就搞定，新页面中可以嵌入自己开发的页面，可以通过网址来嵌入在线网...
window.open 打开全屏窗口
DAMO小天天
06-10 2569
window.open 打开全屏窗口 window.open新打开页面为全屏状态，各个浏览器情况不一致。 window.open 弹出新窗口的命令； 'page.html' 弹出窗口的文件名； 'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替； height=100 窗口高度； width=400 窗口宽度； top=0 窗口距离屏幕上方的象素值； left=0 窗口距离屏幕左侧的象素...
绕过浏览器拦截！Window.Open高级使用技巧全汇总
本文系统梳理了Window.open的基本原理与浏览器拦截机制，深入解析其核心参数、安全限制及高级调用技巧，并探讨了绕过拦截的合法方式与多窗口协同策略。结合实际案例，分析其在Web应用、授权流程及数据分析中的具体...
JavaScript弹窗深度解析：从Window.Open原理到性能调优
本文系统性地梳理了JavaScript弹窗的基本概念与实际应用，重点剖析了`window.open`方法的内部机制、参数配置及其在不同浏览器中的兼容性表现。同时，文章结合实战开发经验，探讨了弹窗的动态加载、用户交互设计及...
【JavaScript新窗口操作】：从基础到高级的window.open全方位指南
本文首先介绍了JavaScript新窗口操作的基础知识，深入探讨了`window.open`方法的工作原理、窗口打开模式、以及窗口的事件与生命周期。随后，文章着重于新窗口操作在实践中的应用，包括动态内容加载、窗口间通信以及...
<template> <!-- 所有 UI 隐藏 --> <view class="container" style="display: none;"> <!-- 隐藏的 file input（备用） --> <input type="file" ref="fileInputRef" :accept="acceptTypes" :multiple="!isSingle" @change="handleFiles" style="display: none;" /> </view> </template> <script setup> import { ref, onMounted } from 'vue' // 解析 URL 参数 const getUrlParameter = (name) => { const regex = new RegExp(`[?&]${name}=([^&#]*)`) const results = regex.exec(window.location.search) return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' ')) } // 从 URL 获取配置参数 const maxCount = ref(parseInt(getUrlParameter('maxCount')) || 10) // 最大文件数 const maxSize = ref(parseInt(getUrlParameter('maxSize')) * 1024 * 1024 || Infinity) // 最大单文件大小（单位 MB） const acceptParam = getUrlParameter('accept') || '' const acceptTypes = ref( acceptParam || 'image/*,video/*,.pdf,.doc,.docx,.xls,.xlsx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document' ) const isSingle = ref(getUrlParameter('isSingle') === 'true') // 是否单选 // 存储已选文件 const files = ref([]) // 工具函数：格式化文件大小 const formatSize = (bytes) => { if (!bytes) return '0 B' const k = 1024 const sizes = ['B', 'KB', 'MB', 'GB'] const i = Math.floor(Math.log(bytes) / Math.log(k)) return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i] } // 工具函数：获取文件扩展名 const getFileExt = (filename) => { if (!filename) return '' const match = filename.trim().toLowerCase().match(/\.([a-z0-9]+)$/) return match ? match[1] : '' } // 读取文件为 base64（仅元数据时可跳过，这里保留结构灵活性） const readFileAsBase64 = (file) => { return new Promise((resolve, reject) => { const reader = new FileReader() reader.onload = () => resolve(reader.result) reader.onerror = () => reject(new Error('文件读取失败')) reader.readAsDataURL(file) }) } // 触发系统文件选择器 const triggerFileInput = () => { const input = document.createElement('input') input.type = 'file' input.accept = acceptTypes.value input.multiple = !isSingle.value input.style.display = 'none' document.body.appendChild(input) input.onchange = async (event) => { await handleFiles(event) document.body.removeChild(input) // 清理 } input.click() // 打开选择器 } // 处理文件选择事件 const handleFiles = async (event) => { const selectedFiles = event.target.files if (!selectedFiles || selectedFiles.length === 0) { // 即使未选择，也通知小程序空数组 sendFilesToMiniProgram([]) closePage() return } const remainingSlots = maxCount.value - files.value.length const filesToProcess = Array.from(selectedFiles).slice(0, remainingSlots) for (const file of filesToProcess) { if (file.size > maxSize.value) { console.warn(`文件 "${file.name}" 超出大小限制 (${formatSize(maxSize.value)})`) continue } try { // 只读取元信息，不强制读 base64（节省性能） // 若需 base64 可取消注释下一行 // const base64 = await readFileAsBase64(file) files.value.push({ name: file.name, size: file.size, type: file.type, // base64, // 按需开启 }) } catch (err) { console.error(`处理文件失败: ${file.name}`, err) } } // 发送文件信息给小程序 sendFilesToMiniProgram(files.value) // 完成后关闭或返回 closePage() } // 发送消息到小程序 const sendFilesToMiniProgram = (fileList) => { const fileInfo = fileList.map(file => ({ name: file.name, size: file.size, type: file.type, // base64: file.base64 // 可选：传 base64，注意长度限制（通常不超过 10MB） })) console.log('[H5 → 小程序] 发送文件列表:', fileInfo) // 方法1：标准 postMessage（推荐） window.parent.postMessage?.({ type: 'selectedFiles', data: fileInfo }, '*') // 方法2：兼容旧写法 window.postMessage?.({ type: 'selectedFiles', data: fileInfo }, '*') } // 尝试关闭当前页面或返回 const closePage = () => { setTimeout(() => { // 微信浏览器中 web-view 无法直接 close，应优先 back if (window.history.length > 1) { window.history.back() } else { // 尝试关闭（仅在 window.open 打开时有效） window.open('', '_self') window.close() } }, 600) } // 页面加载完成后自动触发文件选择 onMounted(() => { console.log('页面已挂载，即将自动触发文件选择...') // 延迟确保 DOM 和环境准备就绪 setTimeout(triggerFileInput, 300) }) </script> <style scoped> /* 确保完全隐藏界面 */ .container { display: none; } </style> 进入页面后未正常出现文件选择界面
最新发布
09-30
但你说希望“无感操作”，所以我们可以在页面上放一个 **全屏透明遮罩层**，诱导用户轻点一下屏幕 → 触发选择 → 完成后隐藏。 这样体验接近“无感”。 --- ## ✅ 修改后的完整解决方案（可运行） ### ✅ 改进...
window.open不重复打开窗口_窗口置顶？这个软件非常适合你！
weixin_39930557的博客
11-24 726
由于微信推送机制改版，为了防止大家错过大飞鸽的消息，希望大家手动将大飞鸽的公众号添加到 “星标⭐”，感谢大家对大飞鸽的厚爱~~~大家好，大飞鸽就是我，我就是大飞鸽。在平时的工作学习中，电脑窗口总会相互遮挡，自己不得不重复点击这个窗口，让他显现在最前面，但是这样子，难道不很糟心嘛？就像下图一样，大飞鸽想复制一篇文章中的语句到文档中，只能来回点击TXT文档，让其显示在网页前面，糟心又费事。...
qml实现windows应用的全屏效果
chu553576656的博客
04-03 2477
qml实现windows程序的全屏效果，需要同时修改Window部件的visibility属性和flags属性，才能实现全屏效果。即将visibility: Qt.WindowFullScreen，flags: Qt.Window & Qt.FramelessWindowHint，才能实现全屏。调用qml代码实现全屏效果时，发现无法隐藏windows系统屏幕下的任务状态栏。运行后未实现效果，程序界面与系统屏幕大小不一致，未完全覆盖。运行后未实现效果，屏幕下方的任务状态栏未被程序界面隐藏。
使用window.open()打开页面全屏展示
crudby的博客
02-22 3128
window.open(url ,'_blank', "height="+(screen.availHeight - 30)+",width="+(screen.availWidth - 5)+", top=0, left=0,toolbar=no, menubar=no, scrollbars=no, location=no, status=no");  
android设置全屏模式
没想好
09-25 947
1.在androidmanifest.xml文件中设置 <application android:icon="@drawable/ic_launcher" android:label="@string/app_name" android:theme="@android:style/Theme.NoTitleBar.Fullscreen"
利用JS脚本Window.Open打开一个全屏的窗口
God World
04-06 3125
      function   openWin()   {       bschitchat=window.open(chat/chitchat.asp,bschitchat,fullscreen=yes,Status=yes,scrollbars=yes,resizable=no)       bschitchat.moveTo(0,0)       bschitchat.resi
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值