用JS创建form在FireFox中不能提交的有关问题 _JavaScript

用JS创建form在FireFox中不能提交的问题

在一个前端页面上，需要通过JavaScript来提交参数，使用JS创建form表单，将参数append到表单中进行提交，代码如下：

Js代码:

function loadConfig(gameUrl,skinId){  

                var temp = document.createElement("form");  

                temp.action = "${createLink(controller:'mobileConfig', action:'beforeLaunchConfig')}";          

                temp.method = "POST";  

                temp.style.visibility="hidden";  

                var opt = document.createElement("input");  

                opt.name = "gameUrl";  

                opt.id = "gameUrl";  

                opt.value = gameUrl;  

                var opt2 = document.createElement("input");  

                opt2.name = "skinId";  

                opt2.id = "skinId";  

                opt2.value = skinId;  

                temp.appendChild(opt);  

                temp.appendChild(opt2);  

                temp.submit();  

            }

该功能在Chrome及Safari上都能成功运行，但在使用FireFox（17.0.1）时不能成功提交，经过研究发现，FireFox在提交页面表单时要求页面有完整的标签项，即<html><head><title></title></head><body><form></form</body</html>这样的标签结构。因此，将该段JS做了写小改动：

Js代码:

function loadConfig(gameUrl,skinId){  

                var pageDiv = document.getElementById("page");  

                var temp = document.createElement("form");  

                temp.action = "${createLink(controller:'mobileConfig', action:'beforeLaunchConfig')}";          

                temp.method = "POST";  

                temp.style.visibility="hidden";  

                temp.name = "loadConfigPage";  

                var opt = document.createElement("input");  

                opt.name = "gameUrl";  

                opt.id = "gameUrl";  

                opt.value = gameUrl;  

                var opt2 = document.createElement("input");  

                opt2.name = "skinId";  

                opt2.id = "skinId";  

                opt2.value = skinId;  

                temp.appendChild(opt);  

                temp.appendChild(opt2);  

                pageDiv.appendChild(temp);  

                temp.submit();  

            }

在<body>标签内append此处创建的form表单，再进行提交就能成功了。参考博文：http://bytes.com/topic/javascript/answers/542837-document-getelementbyid-myform-submit-does-not-work