Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在另一个DIV中显示DIVs内容_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何在另一个DIV中显示DIVs内容

Javascript 如何在另一个DIV中显示DIVs内容,javascript,jquery,html,css,Javascript,Jquery,Html,Css,是否可以在另一个div中显示一个div的内容?例如:我想制作一个maindiv,它将保存一些内容,例如文本和图片。在此旁边将有一个较小的div,显示主div的预览(如缩略图) 不允许使用服务器端语言:只允许使用html/css和JavaScript库。jQuery插件使用显示文档的大纲。我自己没用过,但你可以根据自己的需要定制。上一个链接使用它在右侧显示文档大纲。还有一个更深入的显示内部计算。对于您的限制,我认为最简单的解决方案是使用iframe。有各种各样的争论和问题,比如跨浏览器,但你可以在

是否可以在另一个
div
中显示一个
div的内容?例如:我想制作一个main
div
,它将保存一些内容,例如文本和图片。在此旁边将有一个较小的
div
,显示主
div
的预览(如缩略图)


不允许使用服务器端语言:只允许使用html/css和JavaScript库。

jQuery插件使用
显示文档的大纲。我自己没用过,但你可以根据自己的需要定制。上一个链接使用它在右侧显示文档大纲。还有一个更深入的显示内部计算。

对于您的限制,我认为最简单的解决方案是使用iframe。有各种各样的争论和问题,比如跨浏览器,但你可以在谷歌上搜索。不管怎么说,艾美已经死了

我建议使用AJAX,但你说你不能这么做

下面是一些基本代码,可以帮助您开始使用

<iframe src="blank.html" height="100" width="200">Error Msg for not capable</iframe> 
Error Msg for not capable

创建一个特殊的div来保存这个“预览内容框”,并使用CSS使其完美。 现在你可以做:

<iframe src="blank.html" height="100%" width="100%">Error Msg for not capable</iframe>
Error Msg for not capable

希望这对你有帮助

你说的“预览”是什么意思?所有的内容都是相同的,但却以某种方式缩放以适应较小的div,或者所有的内容都带有滚动条,或者只是顶部的一个摘录,或者…?是的,所有的内容都是相同的,但较小,就像在google docs演示工具或power point中一样。我知道如何使用它吗?我正在用html/css/js构建一个演示工具,这就是为什么我需要一个“预览”功能。我答案中的第一个链接有很好的文档,但是你需要jQuery和fracs插件。除了文档,我从未尝试过设置它,所以很抱歉,我无法进一步帮助。你可以直接联系作者吗?