如何使javascript创建的html元素显示在页面顶部？_Javascript_Jquery_Html_Css

如何使javascript创建的html元素显示在页面顶部？

javascript jquery html css

如何使javascript创建的html元素显示在页面顶部？,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我已经编写了一个JavaScript文件，包含在HTML代码的头部。此JavaScript代码在网页上创建一些新的div和iframe。Javascript在10分钟后创建这些分区。此通知适用于会话超时但我已经有了一个部门，在里面加载oracle表单。我想把这个表单div放在页面底部当新的div出现时（由JavaScript代码创建），是否可以自动向下移动此表单div。任何事情都不应该重叠我希望将div（由JavaScript创建）放在顶部，因为它包含一个通知以下是我编写的代码： <

我已经编写了一个JavaScript文件，包含在HTML代码的头部。此JavaScript代码在网页上创建一些新的

div

和

iframe

。Javascript在10分钟后创建这些分区。此通知适用于会话超时

但我已经有了一个部门，在里面加载oracle表单。我想把这个表单

div

放在页面底部

当新的

div

出现时（由JavaScript代码创建），是否可以自动向下移动此表单

div

。任何事情都不应该重叠

我希望将

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&amp;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>


克希蒂杰恩
$（文档）.ready（函数（）{
$（“#菜单”）.html（“”）；
});
var logoutPath=''；
var sessionTimeout=''；
var refreshSessionUrl='/common/refreshsession.jsp'；
var countDownSeconds=''；
反对{
宽度：825px；
高度：625px；
z指数：-100；
}

在这里，

div

having

id='menu'

包含oracle表单。通知应显示在此

div

上方

我无法更改JavaScript代码，因为它是整个web应用程序的通用代码。所有更改都应该在这个JSP中

我假设您没有向我们展示的另一个js文件是通过

appendTo（'body'）

或类似方式添加内容的。在这种情况下，您可以移动此零件：

$(document).ready(function(){
   $("#menu").html('<object data="http://209.34.231.132/forms/frmservlet?form=ClmRepymt&amp;config=common">');
});

$（文档）.ready（函数（）{
$（“#菜单”）.html（“”）；
});

在加载其他内容的脚本下方，将其更改为：

$(document).ready(function(){
   $("#menu").html('<object data="http://209.34.231.132/forms/frmservlet?form=ClmRepymt&amp;config=common">').appendTo('body');
});

$（文档）.ready（函数（）{
$（“#菜单”）.html（“”）.appendTo（'body'）；
});

这将把

#菜单

div移到页面的末尾。

您缺少了开始标记。我不完全确定我是否理解您的意思，但您可以使用$（'body'）.prepend（''）在页面顶部添加一个div，否则您可以使用jQuery的after（）方法在其他特定元素之后插入内容。ajaxSessionTimer.js会创建一个新的div。我希望在不更改ajaxSessionTimer.js的情况下将该div显示在页面顶部。@ChrisHardie打开和关闭

body

和

html

标记是可选的。很抱歉，我没有将body放在这里。我在这里添加了它您的解决方案在这里不起作用，因为javascript会在整个页面加载后创建通知分区，并且在10分钟后也会创建通知分区。此通知用于会话超时。在这种情况下，使用绝对定位使通知div浮动在页面顶部。