如何使由javascript創建的html元素顯示在頁面頂部？

Question

我編寫了一個JavaScript文件，該文件包含在HTML代碼的開頭。 此JavaScript代碼在網頁上創建了一些新的div和iframe 。 Javascript在10分鍾后創建了這些划分。 此通知用於會話超時。

但是我已經有一個部門在其中加載Oracle表單。 我想將此表單div保留在頁面底部。

當新的div出現時（由JavaScript代碼創建），是否可以自動將此表單div向下移動。 沒有任何重疊。

我想將div （由JavaScript創建）放在頂部，因為它包含一個notification。

以下是我編寫的代碼：

<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>

在此，具有id='menu'的div包含oracle形式。 通知應顯示在此div上方。

我無法更改JavaScript代碼，因為它對於整個Web應用程序都是通用的。 所有更改都應在此JSP內部。

Answer 1

我假設您尚未向我們展示的其他js文件正在通過appendTo('body')或類似內容添加內容。 在這種情況下，您可以移動此部分：

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

在加載其他內容的腳本下面，並將其更改為以下內容：

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

哪個應將#menu div移動到頁面的末尾。

如何使由javascript創建的html元素顯示在頁面頂部？

問題描述

1 個解決方案

解決方案1
0 2013-08-09 13:27:01

如何使由javascript創建的html元素顯示在頁面頂部？

問題描述

1 個解決方案

解決方案1 0 2013-08-09 13:27:01

解決方案1
0 2013-08-09 13:27:01