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

时间:2013-05-20 20:28:53

标签: javascript document.write

如果我对如何使用此代码感兴趣,请原谅我,但是可以使用

之类的东西吗?
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> 

5 个答案:

答案 0 :(得分:2)

我建议采用略有不同的方法。

使用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)添加表单,当您更新脚本时,所有网站都会提供更新。

答案 1 :(得分:1)

好的,有解决方案。你的嵌入代码是这样的;

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

http://www.maxcashtitleloans.com/lmapp.js就像这样:

function ajaxex()
{
var xmlhttp;
if (window.XMLHttpRequest){
    xmlhttp=new XMLHttpRequest();
}else{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.write(xmlhttp.responseText);
}
}
xmlhttp.open("GET","lmapp.htm",true);
xmlhttp.send();
}
ajaxex();

这很好。并为您演示:http://commention.com/lmappjsexample/ 像javascript代理这样的解决方案,你必须创建一个javascript文件来渲染你的html页面。

答案 2 :(得分:0)

您可以使用简单的jQuery:

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

答案 3 :(得分:0)

好吧,<script>标记用于包含javascript,而不是HTML。你想看看ajax。您想通过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>

用此

替换当前的iframe
<div id='putFormHere'></div>

<强>假设

我假设www.maxcashtitleloans.com与您当前页面的域名相同。如果没有,那么他们方式来做这件事是通过iframe。 Javascript不支持跨站点脚本。

答案 4 :(得分:-2)

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

document.write($(body).html());