原创javascript模似实现Form表单提交教程

本文将用javascript模似实现Form表单的提交，在特殊的环境中应用还是起到一定的作用的，比如：点击页面的按钮发送信息给网站管理员，这个功能用ajax也可以实现，但本文用js模似表单的做法：
代码：
function SendMsgToWebManager(pid) {
    var objfrm = document.createElement("form");
    var objsendType = document.createElement("input");
    var objerr = document.createElement("input");

    // 相关属性
    objfrm.id = "TmpForm";
    objfrm.name = "TmpForm";
    objfrm.target = "_self";
    objfrm.action = "/SmsSend.aspx";
    objfrm.method = "post";
    objfrm.style.display = "none";

    objsendType.id = "sendtype";
    objsendType.name = "sendtype";
    objsendType.type = "hidden";
    objsendType.value = pid;

    objerr.id = "err";
    objerr.name = "err";
    objerr.type = "hidden";
    objerr.value = "notice";

    // 载入子项目
    objfrm.appendChild(objsendType);
    objfrm.appendChild(objerr);

    // 页面载入form
    document.body.appendChild(objfrm);
    objfrm.submit();
    // 清除form
    document.body.removeChild(objfrm);

    objsendType = null;
    objerr = null;
}
上面代码写了一个js函数，参数pid为通知类型，隐藏表单err的内容为notice。
说下关键几个地方：
第一、
 document.createElement("form")
 这是创建form表单对象
 document.createElement("input")
 这是创建input表单对象
第二、
 相关对象的属性，比如form表单的属性有id、name、target、action、method
 所以objfrm.id = "TmpForm";表示form表单的id为TmpForm
 其它input表单也有相应的属性，上面代码有示范了。
第三、
 要使用objfrm.appendChild()这些方法form表单载入子表单项，其中objfrm是上面创建对象名
 使用document.body.appendChild(objfrm);载入form表单到页面
 objfrm.submit();这是表单提交
 发送完后要清除掉对象document.body.removeChild(objfrm);

这次简单的javascript模似表单提交的教程就写在这里，是非常简单，内容不多。
附：
 javascript创建img图片对象的方法：
 var img = new Image();
 img.src ="http://www.xueit.com/logo.jpg";

本文版权归学IT网（www.xueit.com）所有，任何单位与个人转载必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

回复：原创javascript模似实现Form表单提交教程