Javascript 预览html页面而不打开它

单击一个图像，如何在同一页面中预览另一个页面而不打开实际页面。比如url/home/home.php？id=3 预览应该在preview div中

 <img src="/home/app/img/toggle.gif" onlclick="show();" />
 <div id="preview"></div>   

谢谢..

您可以使用它。下面是一个示例，HTML如下所示：

<img src="/home/app/img/toggle.gif" id="previewBtn" />
<div id="preview"></div>

$("#previewBtn").click(function() {
  $("#preview").load("/home/home.php?id=3");
});

或者，如果你有很多预览，像这样更通用的作品：

<a class="previewBtn" href="/home/home?id=1">Preview 1</a>
<a class="previewBtn" href="/home/home?id=2">Preview 2</a>
<div id="preview"></div>

你可以用这个。下面是一个示例，HTML如下所示：

<img src="/home/app/img/toggle.gif" id="previewBtn" />
<div id="preview"></div>

$("#previewBtn").click(function() {
  $("#preview").load("/home/home.php?id=3");
});

或者，如果你有很多预览，像这样更通用的作品：

<a class="previewBtn" href="/home/home?id=1">Preview 1</a>
<a class="previewBtn" href="/home/home?id=2">Preview 2</a>
<div id="preview"></div>

---

它只会在预览模式下打开链接？@Hulk yes-它会将该页面的全部内容加载到preview div中，如果您只需要部分内容，比如页面的重要内容在元素中，您可以这样做：$preview.load/home/home.php？id=3 content；它只加载该部分。它只会在预览模式下打开链接？@Hulk yes-它会将该页面的全部内容加载到预览div中，如果您只需要部分内容，比如页面的重要内容在元素中，您可以这样做：$preview.load/home/home.php？id=3 content；它将只加载该部分。编写$'.result'.load'2.html的过程非常长：非常长，但可以进行单元测试。他们设计成功并非白费力气。当你的应用程序越来越大时，你会收到关于你的代码哪里出错的警报。load还有一个成功回调和状态文本，请自己查看：：那么它将是long mate:编写$'.result'.load'2.html:非常长，但可以进行单元测试。他们设计成功并非白费力气。当你的应用程序变得越来越大时，你会收到关于你的代码哪里出错的警报。load还有一个成功回调和状态文本，请自行查看：：那么它将是：