在js中使用showModelDialog中下载文件的时候,会因为showModelDialog自动设置target为_self导致下载文件“只会闪一下”就消失掉
在吧target设置为_blank后,窗口就可以下载文件,但是与此同时,在新的窗口中还会弹出一个新的窗口来下载文件,这样的用户体验极其不合理
可以在页面中新建一个frame来缓冲第二个新的窗口
<iframe id="download" name="download" height="0px" width="0px"></iframe><!--用iframe模拟文件下载-->
然后将页面的 target设置为download即可,这样显示一个隐形的窗口下载文件,就不会弹出第二个文件了
相关推荐
在这个场景中,我们讨论的是如何使用 `showModelDialog` 实现一个文件下载的功能。 在Web开发中,文件下载通常涉及到后端生成文件并由前端进行触发。以下是一个简单的流程: 1. 用户在前端界面点击下载按钮。 2. ...
在div模拟的showModelDialog中,对话框会出现在页面中央,遮盖住背景内容,通常用于显示警告、确认或需要用户输入信息的场景。 3. **设置高度和宽度**:使用CSS的`width`和`height`属性可以控制对话框的尺寸。例如...
因为项目中使用showModalDialog函数的地方特别多,所以必须用一个类似方法实现功能,也就是window.open() 首先是判断子窗口关闭,因为项目是在子窗口关闭(确定按钮)的时候向父页面传递值的。
showModelDialog的使用说明,简单易懂
兼容ie和chrome的showModelDialog兼容ie和chrome的showModelDialog
在IT行业中,JavaScript(简称JS)是Web开发中不可或缺的一部分,尤其在构建动态网页和交互式用户界面时。然而,由于其动态特性和浏览器的差异性,调试JS代码常常成为开发者面临的一大挑战。针对这个问题,IE...
但是看到这个项目没有使用而是使用showModelDialog,所以为了统一,也需要使用showModelDialog。window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框,由于是对话框,因此它并没有一般用window.open...
在跨浏览器开发中,不同的浏览器可能对某些JavaScript特性或jQuery方法有不同的支持程度,因此需要确保`showModuleDialog`在火狐中也能正常工作。 压缩包中的文件提供了实现这一替换过程的上下文: - `demo.html`:...
JavaScript中的`showModalDialog`和`showModelessDialog`是两种用于打开对话框的方法,它们在Web应用程序中常用于提供用户交互。这两种方法都属于浏览器的`window`对象,允许开发者展示HTML内容,并与用户进行交互。...
如果需要跨浏览器支持,建议使用`window.open`或其他第三方库如jQuery UI的Dialog插件。 2. **安全性考虑**:在处理用户输入时,应确保数据的安全性,避免注入攻击等问题。 3. **用户体验**:在设计对话框时,应...
使用`<ul>`和`<li>`标签构建多级无序列表,通过CSS来定义样式,然后借助JavaScript库如jQuery或Vue.js来实现动态显示和隐藏子菜单。CSS的`:hover`伪类可以用来响应鼠标悬停事件,而JavaScript则可以监听点击事件,...
在压缩包中的`window.show`文件,很可能是关于如何使用`show`方法来展示窗口或对话框的示例代码、教程或文档。通过研究这个文件,开发者可以学习如何在自己的项目中有效地利用这些功能,提升用户界面的交互性和功能...
这种方法同样需要保证`opener`对象不为`null`,并且是在适当的上下文中使用。 在使用这些方法刷新父窗口时,开发者需要确保执行操作的窗口与父窗口之间存在明确的引用关系,并且父窗口的引用在执行操作时仍然有效。...
这种方式直接使用了JavaScript的`getElementById`方法来访问父窗体中指定ID的元素。 对于嵌套的父窗体,如果需要获取父窗体的父窗体中的元素,可以使用`window.parent.parent.document`。当然,这样的访问方式需要...
刷新以winodw.showModelDialog()方法打开的窗口 window.parent.dialogArguments.document.execCommand('Refresh'); 或 Response.Write("<script>window.location.href = window.location.href</script>"); 刷新本...
window.showModalDialog以及window.open用法简介