javascript - 通过 Javascript document.write 显示 HTML 表单？

Question

如果我对如何使用此代码有很大的偏差，请原谅我，但是否可以使用类似的东西

var url = 'http://www.maxcashtitleloans.com/lmapp.html'
document.write('<script src="'+url+'"></scr'+'ipt>')

以某种方式在不同服务器的许多网站中显示 html 表单？

我有一个 HTML 表单，它会随着公司需求的变化而不断更新，我希望它们不再需要 IFRAME 调用。

针对同一目标的不同问题“如何在网站上显示站外内容而不使用 IFRAME”

我知道有一家联盟营销公司使用

<script type='text/javascript'> 
    var inputOptions = { 
        UserID: '35696', 
        Product: 'payday', 
        ProductTemplate: 'lights', 
        Server: 'https://altohost.com/', 
        mobileDevices: true, 
        parseDefaultValue: true, 
        visitor: { 
            referrer: (document.cookie.match("rfrrr[\r\n\t ]*=[\r\n\t ]*(.*?)(;|$)") || [,''])[1],   
            subaccount: (document.cookie.match("src[\r\n\t ]*=[\r\n\t ]*(.*?)(;|$)") || [,''])[1], 
            keyword: (document.cookie.match("kwrd[\r\n\t ]*=[\r\n\t ]*(.*?)(;|$)") || [,''])[1], 
            clickid: (document.cookie.match("clcid[\r\n\t ]*=[\r\n\t ]*(.*?)(;|$)") || [,''])[1] 
        },     
    }; 
    document.write('<scr'+'ipt type="text/javascript" src="https://altohost.com/system/applicationforms/init.php?vn=inputOptions"></scr'+'ipt>'); 
</script> 

Answer 1

我建议采用稍微不同的方法。

使用 JavaScript 创建 HTML 表单并将该脚本包含到使用相同源的所有其他网站中。

假设 form.js 是您要包含在每个网站中的文件。

Live DEMO

forms.js

var company = {};// Avoid name clashes!!!

company.form = function() {
    this.render();
};

company.form.prototype.render = function() {
    var url = "blablabla";
    this.form = document.createElement("form");
    this.form.setAttribute("method", "post");
    this.form.setAttribute("name", "company-specialform");
    this.form.setAttribute("action", url);

    var input = document.createElement("input");
    input.setAttribute("type", "text");
    input.setAttribute("value", "test");

    var submit = document.createElement("input");
    submit.setAttribute("type", "submit");
    submit.setAttribute("value", "submit");
    this.form.appendChild(input);
    this.form.appendChild(submit);
    var that = this;
    this.form.onsubmit = function(event) {
        that.submit.call(that, event);
    };
};

company.form.prototype.submit = function(event) {
    event.preventDefault(); // if needed
    alert(" Custom submit was called");
};

company.form.prototype.getForm = function() {
    return this.form;
};

company.form.append = function(container) {
    var form = new company.form();
    container.appendChild(form.getForm());
};

var target = document.getElementById("container");

company.form.append(target);

现在只需在任何其他网站上包含 forms.js，但请确保您对所有这些网站使用相同的 src，这样您就可以使脚本保持最新日期。

现在，在这些网站中的每一个上，他们都可以使用 company.form.append(someDiv) 添加表单，当您更新脚本时，更新将在所有网站上可用。