javascript必须刷新一次才能有效的问题


LS说的对,加一个onload事件

解决方案 »

  1.   

    是这样的，如果你要用JS控制的部分是在JS代码之下的话，那么你的JS先执行之后，页面再读取进来，等于你没改。
    你需要把这些操作放到一个JS函数里，然后在BODY里加一个onload＝“XXX()”来执行。
    onload是等你页面读取完毕之后再运行JS函数，这样就不会出现你所说的问题了。
      

  2.   

    比如你要打开页面就执行你的 xx()方法那么在你的页面里
    <body onload="xx();">
      

  3.   

    不是进入页面就出发， 是按钮的action:代码如下:<%@ page contentType="text/html; charset=UTF-8" %>
    <%@ page language="java" %><html>
    <head>
    <link rel="stylesheet" type="text/css"
    href="../../css/dhtmlxtoolbar.css">
    <script language="javascript"
    src="../../scripts/layout/dhtmlxcommon.js"></script>
    <script language="javascript"
    src="../../scripts/layout/dhtmlxprotobar.js"></script>
    <script language="javascript"
    src="../../scripts/layout/dhtmlxtoolbar.js"></script>
    <script language="javascript" src="../../scripts/overMouse.js"></script>
    <script type="text/javascript"> 

    function showModelListForm() 
    {  
            with (window.parent.parent.frames("leftList").document.modelListForm) {
                    action=action+'?method=show';
                    submit();
             }
         }
        
         function deleteModelForm()
         { 
           
         window.document.frames("details_model").location.href="/mycar/deleteModel.do?method=show";
           
        
         }
        
    function addModel()
    { 
      //window.parent.rightTop.location.href="addModel.jsp";
      window.document.frames("details_model").location.href="addModel.jsp";
     
    }

    function editModel()
    {
    alert('look! the toolbar will be changed');
    window.location.href="first_mainpage_frame1v.jsp";
    } 

    function updateModel()
    {
    alert('look! ');
    window.document.frames("details_model").location.href="/mycar/updateModel.do?method=show";
    } 



        </script>
    </head>
    <body>
    <hr></hr> <table width="100%" height="100%">
    <tr>
    <td>
    <div>
    <iframe name="details_model" id="details_model"
    src="first_mainpage_frame1_in.jsp" align="top" frameborder="0"
    marginheight="10" marginwidth="10" scrolling="auto" height="100%"
    width="100%">
    </iframe>
    </div>
    </td>
    <td width="80" height="400">
    <div id="toolbar_zone"
    style="width: 100%; border: 1px solid Silver; _position: absolute; _top:10%">
    </div>
    </td>
    </tr>
    </table> <script type="text/javascript"> 
    aToolBar=new dhtmlXToolbarObject('toolbar_zone','80','400',"Model Controller",1);
    aToolBar.loadXML("../../layouts/toolbar_modelMgr_1.xml");
    aToolBar.showBar();
    aToolBar.setItemAction("0_create",addModel);
    aToolBar.setItemAction("0_edit",editModel);
    aToolBar.setItemAction("0_update",updateModel);
    aToolBar.setItemAction("0_delete",deleteModelForm);
    aToolBar.setItemAction("0_show",showModelListForm);
    </script>
    </body>
    </html>
    这几个都是按钮. 
    aToolBar.setItemAction("0_create",addModel);
    aToolBar.setItemAction("0_edit",editModel);
    aToolBar.setItemAction("0_update",updateModel);
    aToolBar.setItemAction("0_delete",deleteModelForm);
    aToolBar.setItemAction("0_show",showModelListForm);