我已经编写了一个包含在 HTML 代码头部的 JavaScript 文件。此 JavaScript 代码在网页上创建了一些新的 div 和 iframe。 Javascript 在 10 分钟后创建这些分区。此通知是针对 session 超时的。
但我已经有一个在其中加载 oracle 表单的部门。我想将此表单 div 保留在页面底部。
是否可以在新的 div 出现时自动向下移动此表单 div(由 JavaScript 代码创建)。任何内容都不应重叠。
我想将 div(由 JavaScript 创建)放在顶部，因为它包含一个通知。
下面是我写的代码:
<html>
<head>
<title>Kshitij Jain</title>
<script src="../common/jquery-1.6.2.min.js"></script>
<script>
$(document).ready(function(){
$("#menu").html('<object data="http://209.34.231.132/forms/frmservlet?form=ClmRepymt&config=common">');
});
</script>
<script type="text/javascript">
var logoutPath = '<%=ServerSupportUtil.getURL(response,ServerSupportUtil.getApplURL()+"/servlets/MenuServlet?dirc=logout")%>';
var sessionTimeout = '<%=session.getMaxInactiveInterval()%>';
var refreshSessionUrl = '<%=ServerSupportUtil.getApplURL()%>/common/refreshsession.jsp';
var countDownSeconds = '<%=CommonSupportUtil.getSessionTimeoutCountDownSec()%>';
</script>
<script type="text/javascript" src="<%=ServerSupportUtil.getApplURL() %>/common/net.js"></script>
<script type="text/javascript" src="<%=ServerSupportUtil.getApplURL() %>/common/AjaxSessionTimer.js"></script>
<style>
object {
width:825px;
height:625px;
z-index: -100;
}
</style>
</head>
<div id="menu"></div>
</body>
</html>
这里，具有id='menu' 的div 包含oracle 表单。通知应显示在此 div 上方。
我无法更改我的 JavaScript 代码，因为它对整个 Web 应用程序都是通用的。所有更改都应在此 JSP 中。
最佳答案
我假设您没有向我们展示的其他 js 文件正在通过 appendTo('body') 或类似方式添加内容。在这种情况下，您可以移动此部分:
$(document).ready(function(){
$("#menu").html('<object data="http://209.34.231.132/forms/frmservlet?form=ClmRepymt&config=common">');
});
在加载其他内容的脚本下面，改成这样:
$(document).ready(function(){
$("#menu").html('<object data="http://209.34.231.132/forms/frmservlet?form=ClmRepymt&config=common">').appendTo('body');
});
应该将 #menu div 移动到页面末尾。
关于javascript - 如何让javascript创建的html元素出现在页面顶部？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18147615/