下载导出文件不弹出新窗口

<script>
<form class="form-horizontal" id="formid" action="${base}/cmn/report!exp.action" method="post" >
     
      
    </form>
function expInf(){
     var newwin=window.open('','_self','width=200,height=100');
     document.getElementById("formid").target = 'newWindow';//这一句是关键
     document.getElementById("formid").submit();
}
</script>

### 回答1: 您可以使用JavaScript中的window.open()方法来打开一个新的弹出窗口,并在其中展示您的数据。以下是一个基本的示例,您可以根据您的需要进行修改: ```html <button onclick="openPopup()">展示数据</button> <script> function openPopup() { // 要展示的数据 var data = "这是要展示的数据"; // 打开一个新窗口 var popup = window.open("", "展示数据", "width=400,height=400"); // 在新窗口中写入数据 popup.document.write("<p>" + data + "</p>"); } </script> ``` 在上面的示例中,当用户单击“展示数据”按钮时,将打开一个新的弹出窗口,并在其中展示数据。您可以通过修改代码来自定义弹出窗口的大小、位置和样式,以及展示的数据。 ### 回答2: 要用新弹出窗口展示数据,可以按照以下步骤进行: 1. 首先,需要在页面上添加一个按钮或其他交互元素,例如一个链接或图标,用来触发弹出窗口的展示。 2. 接下来,使用JavaScript编写一个函数,在该函数中定义弹出窗口的各种属性和样式,以及要展示的数据。 3. 在函数中,使用DOM操作创建一个新的窗口元素,可以使用window.open() 方法来创建一个新的弹出窗口。可以通过传入的参数来设置窗口的大小、位置、标题等属性。 4. 在弹出窗口中,通过JavaScript或其他前端技术,将要展示的数据插入到弹出窗口的HTML结构中,可以使用DOM操作或者innerHTML属性来实现。 5. 最后,通过调用新窗口的 document.close() 方法来关闭并展示弹出窗口。在关闭之前,可以对弹出窗口进行必要的样式和内容的调整。 总结一下,要用新弹出窗口展示数据,首先需要添加一个触发弹出窗口的交互元素,然后通过JavaScript创建新窗口,并在其中插入要展示的数据,最后关闭并展示弹出窗口。这样就可以方便地在新窗口中展示数据,提供更好的用户体验。 ### 回答3: 要用新弹出窗口展示数据,可以按照以下步骤进行操作: 1. 创建HTML页面:首先,创建一个HTML页面,用于展示数据。可以使用HTML和CSS编写页面布局和样式。 2. 设置按钮或链接:在主页面上,设置一个按钮或链接,用于触发新窗口的弹出。可以使用HTML中的<button>或<a>标签,并通过id属性设置其唯一标识。 3. 编写JavaScript代码:使用JavaScript编写代码来处理按钮或链接的点击事件。可以通过获取按钮或链接的id,使用addEventListener方法为其添加一个onclick事件监听器。 4. 打开新窗口:在点击事件监听器中,编写代码来打开新的弹出窗口。可以使用window.open()方法,指定新窗口的URL和其他参数。可以为新窗口设置特定的大小、位置、工具栏等属性。 5. 传递数据:在打开新窗口的代码中,可以通过URL的查询字符串参数或使用sessionStorage/localStorage等技术,将需要展示的数据传递给新窗口。如果数据量较大,可以考虑使用AJAX请求获取数据并在新窗口中展示。 6. 显示数据:在新窗口的HTML页面中,使用JavaScript编写代码来获取传递过来的数据,并展示在页面上。可以使用DOM操作来创建、修改和删除HTML元素,将数据动态地添加到页面中。 7. 样式调整:根据需要,对新窗口的页面进行样式调整,使其达到更好的展示效果。可以使用CSS来修改字体、颜色、布局等样式属性。 8. 完善交互:如果需要用户与数据进行交互,可以在新窗口的HTML页面上添加适当的元素和事件监听器。例如,可以为按钮添加点击事件,实现一些操作,如保存数据、导出文件等。 通过以上步骤,就可以成功地在新弹出窗口中展示数据。在实际应用中,根据具体需求,可以进一步优化和调整展示方式和交互效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值