0

我有两个页面,一个是主页,另一个是内页:

页面名称: main.jsp , sidebar.jsp 我想在这两个页面上调用 onload 函数。那可能吗。如果是怎么办?

下面是main.jsp 的代码:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ include file="/pages/common/init.jsp"%>

<%@ taglib prefix="sx" uri="/struts-dojo-tags"%>

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
    <title>J.C. Taylor - Broker Website</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <link rel="stylesheet" href="/css/default.css" media="screen" type="text/css" />
</head>
<body onload="prepopulateFields();load(17);">

<s:form name="continue" id="continue_id" action="continue" method="POST"  validate="true" enctype="multipart/form-data">
    <div id="wrapper">
        <div id="main">
                <div id="sidebar">
                    <%@ include file="/pages/common/sidebar.jsp"%>
                    <span class="clearIt"></span>
                </div>

sidebar.jsp 是:

<body onload="setSelected();">
 //Some static content here
</body>

所以基本上我想要的是分别调用属于主.jsp页面的onload()事件的prepopulateFields()Javascript方法和属于sidebar.jsp的onload()方法的setSelected()。

我知道我可以调用 setSelected(); prepopulateFields() 方法中的方法,但我不想这样做。我想要的是在加载页面时,两个 onload 函数都应该单独调用。

如果您有一些建议,请告诉我!我知道我在这里有点可笑,但如果我能做到,我的工作会很轻松。

4

5 回答 5

1

我认为您不能调用多个 onload 函数。最好的方法是从已经调用的函数中调用方法

function prepopulateFields(){
    if //condition which check the current page where you want other onload function
       setSelected();
}

<body onload="prepopulateFields();load(17);">



</body>
于 2010-06-05T04:26:40.330 回答
0

将类定义放在父 jsp 中,并在包含中实例化尽可能多的 onload。

<SCRIPT>
    // this portion was placed above the Class definition for convenience.
    // make sure the Class definition gets loaded first in your code.

    new OnLoad(function(){
        alert("document loaded");
    },100);

</SCRIPT>
...
<SCRIPT>
        // Class Definition
        OnLoad = function(taskFunction,miliseconds) { 
            var context = this;
            context.cnt = 0;
            context.id = null;
            context.doTask=taskFunction;
            context.interval = function() {
                if(document.readyState == "complete"){
                    try{   context.stop();} catch(e){ throw new Error("stop error: " + context.id); }
                    try{ context.doTask();} catch(e){ throw new Error("load error: " + context.id); }
                }   
            };
            context.start = function(timing) {
               if(context.id && context.id!=null)
                   context.stop();
               context.cnt=0;
               context.id=setInterval(context.interval,timing);
            };
            context.stop = function() {
               var _id = context.id;
               clearInterval(context.id);
               context.id=null;
            };
            context.start(miliseconds ? miliseconds : 100);
        };
   </SCRIPT>
于 2014-04-11T18:36:51.983 回答
0

如果您使用 firebug 来检查 main.jsp 呈现的 html 页面。你会看到只有一个 <body>元素。您的 sidebar.jsp 中的<body>元素不会呈现,因为它会将 HTML 格式错误为html 或包含的 jsp 中不允许的正文。

Be careful that the included file does not contain <html>, </html>, <body>, or </body> tags

解决方案是:

  1. 如果 sidebar.jsp 总是被加载,要么将你的 setSelected() 放入 main.jsp body onload 事件;
  2. 或按照 BalusC 的建议进行操作。
于 2012-08-16T20:42:39.507 回答
0

window.onload = 代码地址;应该管用。这是一个演示。以及完整的代码:

<script type="text/javascript">
function codeAddress() {
    alert('ok');
}
window.onload = codeAddress;
</script>
于 2013-02-08T17:37:52.450 回答
0

您不能嵌套 HTML<body>元素,它只会使 HTML 格式错误。

最好是把它作为一个<script>放在.sidebar.jsp

<script type="text/javascript">setSelected()</script>
于 2010-06-04T23:12:48.040 回答