通过Javascript document.write显示HTML表单?

通过Javascript document.write显示HTML表单?,javascript,document.write,Javascript,Document.write,如果我在如何使用这个代码上有很大的差距,那么请原谅我,但是有可能使用类似的代码吗 var url = 'http://www.maxcashtitleloans.com/lmapp.html' document.write('<script src="'+url+'"></scr'+'ipt>') var url='1〕http://www.maxcashtitleloans.com/lmapp.html' 文件。写入(“”) 以某种方式在不同服务器的多个网站中显示h

如果我在如何使用这个代码上有很大的差距,那么请原谅我,但是有可能使用类似的代码吗

var url = 'http://www.maxcashtitleloans.com/lmapp.html'
document.write('<script src="'+url+'"></scr'+'ipt>')
var url='1〕http://www.maxcashtitleloans.com/lmapp.html'
文件。写入(“”)
以某种方式在不同服务器的多个网站中显示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> 

变量输入选项={
用户ID:'35696',
产品:“发薪日”,
ProductTemplate:“灯光”,
服务器:'https://altohost.com/', 
移动设备:没错,
parseDefaultValue:true,
参观者:{
推荐人:(document.cookie.match(“rfrrr[\r\n\t]*=[\r\n\t]*(.*?(;|$))”)、[1],
子帐户:(document.cookie.match(“src[\r\n\t]*=[\r\n\t]*(.*?(;|$))”)和“;|[,”])[1],
关键字:(document.cookie.match(“kwrd[\r\n\t]*=[\r\n\t]*(.*?(;|$)”));|[,”)[1],
clickid:(document.cookie.match(“clcid[\r\n\t]*=[\r\n\t]*(.*?(;|$)”));|[,''])[1]
},     
}; 
文件。写(“”);

您可以使用简单的jQuery:

<script>
$('body').load(url);
</script>

$('body').load(url);

脚本标记不支持HTML呈现。您必须将HTML呈现添加到HTML页面。也许您可以将此代码添加到html页面。此代码在javascript上呈现html代码

document.write($(body).html());
嗯,
标记用于包含javascript,而不是HTML。你想调查一下。您希望通过ajax将html文件加载到div中

或者,将其保留为iframe。iFrame用于将一页包含到另一页中

编辑 您从附属机构中包含的示例对您来说毫无意义。他们正在加载基于客户端cookie输入的PHP服务器端脚本以编程方式生成的javascript。您正在尝试加载外部html文件,这是两个不同的任务

头标签中的javascript

<!-- Include the jquery library - never re-create the wheal -->
<script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.min.js'></script>
<script type='text/javascript'>
$(document).ready(function() {
    // Run once the page is loaded
    $('#putFormHere').load('http://www.maxcashtitleloans.com/lmapp.html');
});
</script>

$(文档).ready(函数(){
//加载页面后运行
$('#putFormHere')。加载('http://www.maxcashtitleloans.com/lmapp.html');
});
将当前iframe替换为此

<div id='putFormHere'></div>
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);

假设


我假设
www.maxcashtileloans.com
与当前页面是同一个域。如果没有,那么他们唯一的方法就是通过iframe。Javascript将不支持跨站点脚本。

我建议使用一种稍微不同的方法

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

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

forms.js

<div id='putFormHere'></div>
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)
的表单,当您更新脚本时,所有网站都可以使用该更新。

好的,有一个解决方案。像这样嵌入代码

<script>
var url = 'http://www.maxcashtitleloans.com/lmapp.js'
document.write('<script src="'+url+'"></scr'+'ipt>')
</script>
那很好。并为您演示:
像javascript代理这样的解决方案,您必须创建一个javascript文件来呈现html页面。

使用PHP可能更好。您控制所有服务器吗?@Mr.polywhill以及PHP应该如何解决这个问题?我控制所有服务器,是的。我不希望谷歌看到我连接900个网站。我知道有一个联盟营销者使用这个代码来完成我想做的事情。你可以在服务器端完成,而不是让客户来完成。你没有提到你在网络服务器上使用了什么。哦?有关于如何调用此文档的帮助吗?文档编写体不起作用,因为您的代码太复杂。另一种方法是将ajax加载用于跨域xml。这样做是否允许查看源代码查看html表单的编码?或者它会像我第一个问题中的方法那样隐藏它吗?Ajax方法,而不是IFRAME方法。取决于浏览器,有些会让你检查javascript创建DOM元素,有些不会。如果你试图向用户隐藏包含的HTML,那么没有办法做到这一点。没有意义吗?我想完成与他们相同的任务,在网站上显示表单,而不显示创建表单的代码。@user1789437您不能对真正想查看表单的人隐藏代码。代码必须到达浏览器:它可以在途中被拦截。是什么让它如此秘密?表单是HTML表单,而不是javascript表单。这仍然有效吗?这对OP不起作用。OP正在尝试包含一个带有表单的HTML页面。我想,但是如果OP不太了解JS或HTML,我假设他正在尝试通过脚本标记加载HTML,那么这可能不是他最好的方式。等等,你为什么要这样做。。。这个javascript添加了一个iframe,这是他最初试图避免的。