js模拟form打开新窗口

Posted WebAPI

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js模拟form打开新窗口相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function openUrl(iid) {
            var temp_form = document.getElementById("item_form");
            if (temp_form == null) {
                temp_form = document.createElement("form");
                temp_form.action = "/xxx.aspx";
                temp_form.target = "_blank";
                temp_form.method = "get";
                temp_form.setAttribute("id", "item_form");

                var temp_input = document.createElement("input");
                temp_input.setAttribute("type", "hidden");
                temp_input.setAttribute("id", "item_id");
                temp_input.name = "id";
                temp_input.value = iid;
                temp_form.appendChild(temp_input);
                document.body.appendChild(temp_form);
            } else {
                document.getElementById("item_id").value = iid;
            }
            temp_form.submit();
        } 
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <a href="javascript:openUrl(1)">a1</a>
    <br />
    <a href="javascript:openUrl(2)">a2</a>
    <br />
    <a href="javascript:openUrl(3)">a3</a>
    </div>
    </form>
</body>
</html>

 

以上是关于js模拟form打开新窗口的主要内容,如果未能解决你的问题,请参考以下文章

js或jQuery如何实现提交form表单,保存数据到数据库,同时打开一个新的窗口,并且带入刚保存的数据的ID

js 模拟a标签打开新网页

JS打开窗口问题

HTML代码片段

HTML代码片段

html中target属性怎么定义打开新窗口