问由iframe引起的问题
EN

Stack Overflow用户

提问于 2012-09-14 09:11:21

回答 1查看 633关注 0票数 0

我有两个单选按钮(遍历和直接)在一个jsp form.Traverse正常提交表单和直接提交表单使用iframe.After提交表单使用iframe，如果我尝试正常提交，应用程序是在新的window.How中打开，以防止表单在新窗口中打开。

function submitAction() {       
        var fileValue = document.getElementById("file1").value;     
        if (fileValue == "") {
            alert("Please uploaded file type of .war or .html type");
            return false;

        }           
        var valuePassed = getCheckedRadio();
        var url="uploadfile.do?rad=" + valuePassed;     
        if (valuePassed == "traverse") {                    
            document.EntryForm.action = url; 
            document.EntryForm.submit();    //Normal way of submitting.                         
        }else if (valuePassed == "direct") {
            alert("direct");    
            url=url+"&fileName="+fileValue;             
            directConvert(document.EntryForm,url,'downloaddiv');                }
    }



function directConvert(form, action_url, div_id){               
        // Create the iframe...
        var iframe = document.createElement("iframe");
        iframe.setAttribute("id", "upload_iframe");     
        iframe.setAttribute("name", "upload_iframe");
        iframe.setAttribute("width", "0");
        iframe.setAttribute("height", "0");
        iframe.setAttribute("border", "0");
        iframe.setAttribute("style", "width: 0; height: 0; border: none;");
        // Add to document...
        form.parentNode.appendChild(iframe);
        //window.frames['upload_iframe'].name = "upload_iframe";     
        iframeId = document.getElementById("upload_iframe");     
        // Add event...

        var eventHandler = function () {     
                if (iframeId.detachEvent) iframeId.detachEvent("onload", eventHandler);
                else iframeId.removeEventListener("load", eventHandler, false);             
                // Message from server...    

                if (iframeId.contentDocument) {                
                    content = iframeId.contentDocument.body.innerHTML;
                } else if (iframeId.contentWindow) {                    
                    content = iframeId.contentWindow.document.body.innerHTML;
                } else if (iframeId.document) {                 
                    content = iframeId.document.body.innerHTML;
                }               
                document.getElementById(div_id).innerHTML = content;     
                // Del the iframe...
                setTimeout('iframeId.parentNode.removeChild(iframeId)',50);
            }

        if (iframeId.addEventListener) iframeId.addEventListener("load", eventHandler, true);
        if (iframeId.attachEvent) iframeId.attachEvent("onload", eventHandler);  

        // Set properties of form...
        form.setAttribute("target", "upload_iframe");
        form.setAttribute("action", action_url);
        form.setAttribute("method", "post");
        form.setAttribute("enctype", "multipart/form-data");
        form.setAttribute("encoding", "multipart/form-data");  
        form.submit();              
    }

当我第一次尝试遍历时，它工作正常，但通过iframe提交后，如果我尝试遍历，它会在新的window.How中打开，以防止它在新窗口中打开。

jsp

iframe

javascript

性能强劲，每月20元起的MySQL

功能完善，便宜稳定，没有业务可以自动停机，强效降本的MySQL

回答 1

Stack Overflow用户

发布于 2012-09-14 10:58:51

因为您正在将EntryForm的form对象传递给iframe，并在执行directConvert提交时更改form.setAttribute("target", "upload_iframe");。

因此，即使您尝试通过traverse提交，form目标仍然保持不变，但是由于iframe已从页面中删除(setTimeout('iframeId.parentNode.removeChild(iframeId)',50);)，因此在提交之后它将在一个新窗口中打开，而不是在iframe中打开。

因此，您可以在traverse submit：document.EntryForm.target = "_self"中将target改回_self。

顺便说一下，在HTML4.01中，target属性是deprecated。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/12421414

复制

SpringBoot启动器

spring boot

pom.xml文件 1.父项目 <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.0.2.RELEASE</version> </parent> 他的父项目 <parent> <groupId>org.springframework.boot</groupId> <art

用户1112962

2018/07/03