`
hudeyong926
  • 浏览: 2035017 次
  • 来自: 武汉
社区版块
存档分类
最新评论

form表单target的用法 替代window.open

阅读更多
<form action="b.html" method="post" target="_blank">
  First name: <input type="text" name="fname" /><br />
  Last name: <input type="text" name="lname" /><br />
  <input type="submit" value="Submit" />
</form>

<form target="value">
属性值
值     描述
_blank     在新窗口中打开。
_self     默认。在相同的框架中打开。
_parent 在父框架集中打开。
_top     在整个窗口中打开。
framename 在指定的框架中打开。

为了实现当前页表单提交而不进行跳转刷新,我们在页面底部增加了一个隐藏得frame

<iframe id="upload_target" name="upload_target" style="display:none;"></iframe>

在把form中的target属性改成隐藏iframe的name。这样就看不到页面的跳转了。

<form enctype="multipart/form-data" target="upload_target" action="UploadExcel" method="post">
<input type="file" name="repair_attached_file1" onchange="clearMsg('upload_repairinfo_success1')"/>

回调函数

<script type='text/javascript'>
//回调失败
function stopUpload(responseText){
	// 提示
	var spanObj = document.getElementById("upload_repairinfo_success1");
	spanObj.innerHTML = responseText;
}

//清空提示信息
function clearMsg(id){
    document.getElementById("upload_repairinfo_success1").innerHTML = "";
}
</script>

 后台

header("Content-type:text/html;charset=utf-8");
echo "<script type='text/javascript'>window.parent.window.stopUpload('导入成功!')</script>";

 

 
 
 
 
分享到:
评论

相关推荐

    window.open()实现post传递参数

    通常,`window.open()` 的使用方式是 `window.open(url, target, features)`,其中 `url` 是要打开的页面的地址,`target` 指定打开的位置(如 `_blank` 表示新窗口),`features` 是窗口特征的字符串,如宽度、高度...

    详解window.open被浏览器拦截的解决方案

    在网页开发中,有时会遇到使用`window.open`方法创建新窗口被浏览器拦截的问题,这主要是因为浏览器的安全策略。浏览器为了防止恶意脚本无休止地弹出窗口,会对非用户交互触发的`window.open`调用进行拦截。本文将...

    window.open以post方式将内容提交到新窗口

    本文将介绍两种在JavaScript中使用`window.open`以POST方式将内容提交到新窗口的方法。 ### 方法一: 这种方法是通过动态创建HTML表单(form)元素,设置其属性,并利用`attachEvent`或`addEventListener`来触发...

    Window.Open如何在同一个标签页打开

    综上所述,要在同一个标签页中使用 `window.open()` 或类似方法打开新的 URL,关键在于控制 `window.open()` 的 `name` 参数或者通过其他方式(如表单提交)来实现。当 `name` 参数与已存在的窗口或标签页匹配时,新...

    JavaScript中windows.open()、windows.close()方法详解

    JavaScript中的`window.open()`和`window.close()`方法是两个与窗口操作密切相关的函数,它们在网页动态交互中扮演着重要角色。接下来我们将深入探讨这两个方法的详细知识。 首先,`window.open()`方法用于打开一个...

    JS打开新窗口防止被浏览器阻止的方法

    本文实例讲述了JS打开新窗口防止被浏览器阻止的方法。分享给大家供大家参考。...第二种、模拟表单(form)提交,原理是指定表单的action为想要打开的URL地址,target设置为”_blank” 代码如下:document.ge

    from表单新窗口打开并提交

    例如,使用`window.open()`函数可以自定义新窗口的属性,或者在提交前进行表单验证: ```javascript document.querySelector('form').addEventListener('submit', function(event) { event.preventDefault(); // ...

    javascript弹出窗口问题总结

    - `window.opener.location.reload()`:如果弹出窗口是通过`window.open()`创建的,那么可以使用`window.opener`属性来访问并刷新父窗口。 - `window.dialogArguments.location.reload();`:对于通过`window....

    response redirect 新窗口大开网页

    - 使用方法简单,只需要指定要重定向的目标URL即可。 - 例如:`Response.Redirect("http://example.com");` 2. **_blank**: - `_blank`是HTML中的一个特殊值,通常用于`&lt;a&gt;`标签的`target`属性中。 - 当`...

    js基础用法全集.txt

    - `window.open(url, target, features)`:打开新的浏览器窗口。 - **关闭当前窗口**: - `window.close()`:关闭当前窗口。 - **显示消息**: - `window.alert("message")`:弹出警告对话框。 - `window....

    Javascript常用对象.txt

    - `form.target`:获取或设置表单提交的目标窗口或框架。 - `form.elements[index]`:访问表单中的元素。 - `form.length`:获取表单中元素的数量。 - **方法** - `form.submit()`:提交表单。 - `form.reset...

    Javascript弹窗代码大全收集.docx

    这是因为强制弹窗通常使用非标准的JavaScript方法来实现,例如通过创建表单并模拟提交来打开新窗口。以下是一个强制弹窗的示例: ```javascript // 定义 ForceWindow 类 function ForceWindow () { if (!(/MSIE/)....

    表单及表单元素

    当用户点击“表单属性”按钮时,触发`getFormPro()`函数,该函数通过`window.open()`打开一个新的窗口,并输出表单的属性值,实现了对表单属性的动态展示。 #### 六、总结 表单及其元素是Web应用中不可或缺的部分...

    简单了解JS打开url的方法

    在本文中,我们将详细探讨如何使用JS打开URL,包括GET和POST两种方法,以及`window.location`和`window.open`的区别。 1. GET方式打开URL 通常,我们可以通过`window.open`函数来实现新标签页或新窗口的GET请求。...

    JSP和HTML跳转.zip_html挑转jsp_jsp和HEML跳转_jsp和HTML跳转

    5. JavaScript的`window.open()`方法:创建新的浏览器窗口或标签页,打开指定URL: ```javascript window.open("http://example.com", "_blank"); ``` 二、JSP与HTML之间的跳转 1. JSP的`response.sendRedirect()`...

    js打开新窗口方法整理

    除了window.open()之外,还可以通过更改window.location或表单的target属性来打开新窗口。例如,使用window.location跳转到指定的URL地址: ```javascript window.location = 'aaa.aspx'; // 在当前窗口跳转 ``` ...

    Javascript弹窗代码大收集

    1. **`window.open`**: 这是创建新窗口的标准方法,其参数分别为新窗口加载的URL、窗口名称(可留空或指定名称)、以及窗口的一些属性设置。 - **URL**: 要加载的页面地址。 - **窗口名称**: 可用于标识该窗口,当...

    js以post方式打开新页面

    另外,对于现代Web应用,如果使用了AJAX(XMLHttpRequest或Fetch API),可以考虑使用`fetch` API的`POST`请求配合`window.location.replace`或`window.location.assign`来模拟打开新页面,但这种方法实际上并没有...

    IE和ff的兼容技巧

    **解决方法**:统一使用 `document.formName.elements["elementName"]` 来获取表单元素,确保在两种浏览器中都能正确工作。 2. **数组元素访问方式** - **IE**: 使用 `()` 或 `[]` 访问数组元素。 - **Firefox*...

    浏览器兼容性汇总借鉴.pdf

    9. **document.formName.item("itemName")问题**:在某些浏览器中,访问表单元素可能需要`formName.item("itemName")`,而在其他浏览器中可以直接使用`formName["itemName"]`。推荐使用后者,因为它在更多浏览器中...

Global site tag (gtag.js) - Google Analytics