且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

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

更新时间:2022-01-22 04:31:55

Html代码  form表单target的用法 替代window.open
  1. <form action="b.html" method="post" target="_blank">  
  2.   First name: <input type="text" name="fname" /><br />  
  3.   Last name: <input type="text" name="lname" /><br />  
  4.   <input type="submit" value="Submit" />  
  5. </form>  

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

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

Java代码  form表单target的用法 替代window.open
  1. <iframe id="upload_target" name="upload_target" style="display:none;"></iframe>  

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

Java代码  form表单target的用法 替代window.open
  1. <form enctype="multipart/form-data" target="upload_target" action="UploadExcel" method="post">  
  2. <input type="file" name="repair_attached_file1" onchange="clearMsg('upload_repairinfo_success1')"/>  

回调函数

Java代码  form表单target的用法 替代window.open
  1. <script type='text/javascript'>  
  2. //回调失败  
  3. function stopUpload(responseText){  
  4.     // 提示  
  5.     var spanObj = document.getElementById("upload_repairinfo_success1");  
  6.     spanObj.innerHTML = responseText;  
  7. }  
  8.   
  9. //清空提示信息  
  10. function clearMsg(id){  
  11.     document.getElementById("upload_repairinfo_success1").innerHTML = "";  
  12. }  
  13. </script>  

 后台

Java代码  form表单target的用法 替代window.open
  1. header("Content-type:text/html;charset=utf-8");  
  2. echo "<script type='text/javascript'>window.parent.window.stopUpload('导入成功!')</script>";