Javascript 用html加载html代码

Javascript 用html加载html代码,javascript,html,embed,loader,Javascript,Html,Embed,Loader,我希望javascript加载一个html代码,这样它就可以嵌入到页面中,我得到的只是未经编译的原始html代码 <script> document.write('http://www.example.com/index.php?title=Media:Object4&action=raw&ctype=html') </script> 文件。写('http://www.example.com/index.php?title=Media:Object4&

我希望javascript加载一个html代码,这样它就可以嵌入到页面中,我得到的只是未经编译的原始html代码

<script>
document.write('http://www.example.com/index.php?title=Media:Object4&action=raw&ctype=html')
</script>

文件。写('http://www.example.com/index.php?title=Media:Object4&action=raw&ctype=html')

它内部包含html编码,我希望它嵌入到页面中,以便与其他网站共享。

您是否试图从该URL获取html并将其嵌入页面?出于安全原因,JavaScript不能这样做,但如果您使用的是PHP服务器端,则可以使用:

echo文件获取内容(“http://..........");
或者可以使用iframe:

<iframe src="http://........" />

您是否试图从该URL获取HTML并将其嵌入页面?出于安全原因,JavaScript不能这样做,但如果您使用的是PHP服务器端,则可以使用:

echo文件获取内容(“http://..........");
或者可以使用iframe:

<iframe src="http://........" />

document.write-将文本添加到文档中-它不会从web获取文档

但是,您可以使用

应该是这样的:

<object type="text/html" data="http://www.example.com/index.php?title=Media:Object4&action=raw&ctype=html" style="width:100%; height:100%"></object>


此外,如果要获取的页面位于同一域中,则可以使用来获取它。

document.write-向文档添加文本-它不从web获取文档

但是,您可以使用

应该是这样的:

<object type="text/html" data="http://www.example.com/index.php?title=Media:Object4&action=raw&ctype=html" style="width:100%; height:100%"></object>


此外,如果要获取的页面位于同一域中,则可以使用来获取它。

实现此功能的最简单方法是使用


如果您想将其加载到特定的容器中,那么必须使用JavaScript执行web请求;jQuery示例:

<div id="container"></div>
<script>
    $('#container').load('http://www.example.com/index.php?title=Media:Object4&action=raw&ctype=html');
</script>

$('#容器')。加载('http://www.example.com/index.php?title=Media:Object4&action=raw&ctype=html');
如果远程URL不在同一域中,则需要使用代理:

<script>
    $('#container').load('/path/to/myproxy.php', {
        url: 'http://www.example.com/index.php?title=Media:Object4&action=raw&ctype=html'
    });
</script>

$(“#容器”).load(“/path/to/myproxy.php”{
网址:'http://www.example.com/index.php?title=Media:Object4&action=raw&ctype=html'
});
然后,您的PHP代码可能如下所示:

<?php

if (parse_url($_POST['url'], PHP_URL_HOST) === 'www.example.com') {
    echo file_get_contents($_POST['url']);
}

最简单的方法就是使用


如果您想将其加载到特定的容器中,那么必须使用JavaScript执行web请求;jQuery示例:

<div id="container"></div>
<script>
    $('#container').load('http://www.example.com/index.php?title=Media:Object4&action=raw&ctype=html');
</script>

$('#容器')。加载('http://www.example.com/index.php?title=Media:Object4&action=raw&ctype=html');
如果远程URL不在同一域中,则需要使用代理:

<script>
    $('#container').load('/path/to/myproxy.php', {
        url: 'http://www.example.com/index.php?title=Media:Object4&action=raw&ctype=html'
    });
</script>

$(“#容器”).load(“/path/to/myproxy.php”{
网址:'http://www.example.com/index.php?title=Media:Object4&action=raw&ctype=html'
});
然后,您的PHP代码可能如下所示:

<?php

if (parse_url($_POST['url'], PHP_URL_HOST) === 'www.example.com') {
    echo file_get_contents($_POST['url']);
}

第一个HTML代码不运行。第二,任何地方都没有编译。您可以研究AJAX,但如果您想从另一个域请求数据,这是非常困难的。第一个HTML代码不会运行。第二,任何地方都没有编译。你可以研究AJAX,但如果你想从另一个域请求数据,这是非常困难的。假设我有我的页面,我想让脚本加载另一个html脚本,所有这些仍然给我文本,而不是编译。@user2056671您在远程页面上也有JavaScript,需要运行吗?是的,我希望它这样做。@user2056671您实际上只能在
内这样做;如果要加载远程JavaScript文件,可以直接加载或通过代理加载。
。假设我有我的页面,我想让脚本加载另一个html脚本,所有这些仍然会给我文本,而不是编译。@user2056671远程页面上也有需要运行的JavaScript?是,我希望它能做到这一点。@user2056671您实际上只能在
内做到这一点;如果要加载远程JavaScript文件,可以直接或通过代理执行