如何在右下角而不是在div中显示HTML页面？

Question

我想要做的是通过我的js脚本在页面的右下角显示HTML页面的内容，如下所示

为了实现这一目标，我不想在页面中放置一个div，然后在页面中显示div，但不知何故将它放在那里。

目标是不从页面编辑任何内容，所有魔法都必须通过.js文件完成。

所以我现在拥有的是：

<div id="topBar"> <a href ="#" onclick="load_home()"> HOME </a> </div>
<div id ="content"> </div>
<script>
function load_home()
{
  document.getElementById("content").innerHTML='<object type="text/html" data="home.html" ></object>';
}
</script>

但它会加载我放置div的页面，而不是叠加。

怎么做？

Answer 1

如果JQuery对您没问题，那么您可以查看以下选项 http://www.erichynds.com/examples/jquery-notify/

http://notifyjs.com/（这个效果与上图中描述的效果相同）

您可以通过AJAX加载html页面，然后将其渲染到使用上述任何插件创建的DIV中。

对于跨域，您可能需要尝试以下方法 http://www.leggetter.co.uk/2010/03/12/making-cross-domain-javascript-requests-using-xmlhttprequest-or-xdomainrequest.html