Question

我想将JS文件（包含html）渲染到我的主Html文件中，并且由于js，Html表格无法提交。

我使用的代码如下：

loadHeaderFooter();

function loadHeaderFooter() {
   var js = document.createElement("script");
   js.type = "text/javascript";
   js.src = "http://bargains-online.com.au/ebay/ebay_2015/new-theme/js/header.js";
   document.body.appendChild(js);
}

上面这个函数呈现JS文件并将Html代码附加到我的主HTML文件中，但由于document.body.appendChild(js);。

我的以下代码无效：

function submitForm() {
   $('#frmPage').submit();
}

Answer 1

试试这个

$(document).ready(function() {
   $(document).on('submit', '#frmPage', function (event) {
      event.preventDefault();
      alert("submit your form");
   });
});

Answer 2

尝试使用window.addEventListener（'load'，loadHeaderFooter）而不是直接函数调用。

Answer 3

<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<style type="text/css">
    .selected{
        background-color : green;
    }
    </style>
<script>




    function submitForm() {
        $('#frmPage').submit();
    }
    $(document).ready(function () {
    });

    $(window).load(function () {
        var s = document.createElement("script");
        s.type = "text/javascript";
        s.src = "http://bargains-online.com.au/ebay/ebay_2015/new-theme/js/header.js";
        $("head").append(s);

    });


</script>
</head>
<body>
    <form id="frmPage" action="make_td_with_class_unselectable.html">
    </form>
    <div id="header"></div>
    <button id="test" onclick="submitForm()">check</button>
</body>
</html>

Answer 4

你应该使用类似jQuery load的东西来做你想做的事情。这可能会解决您的问题并导致代码更易读。

Html表单没有使用appendChild提交

4 个答案: