请高手帮忙！Ajax中被加载页不执行JS代码！

悬赏园豆：50 [已解决问题] 解决于 2009-10-29 09:17

如题：在Default.aspx页中动态加载Default2.aspx页面时，Default2.aspx页面中的JS代码未被执行！

Default.aspx中的代码如下：

Code
<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>无标题页</title>
    <script type="text/javascript">
        var xmlHttp=null;
        
    function GetXmlHttpObject()
    {
        try
        {
            //Firefox, Opera8.0+, Safari
            xmlHttp=new XMLHttpRequest();
        }
        catch(e)
        {
            //IE
            xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        return xmlHttp;
    }
        
    function stateChanged()
    {
       if(xmlHttp.readyState==4 && xmlHttp.status==200)
       {
           document.getElementById("mainContent").innerHTML=xmlHttp.responseText;
       }
    }
        
    window.onload=function ()
    {   
        xmlHttp=GetXmlHttpObject();
        xmlHttp.onreadystatechange=stateChanged;
        xmlHttp.open("GET","Default2.aspx",true);
        xmlHttp.send(null);  
    }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="mainContent">
    
    </div>
    World!
    </form>
</body>
</html>

Default2.aspx中的代码如下:

Code
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>无标题页</title>
    <script type="text/javascript">
        function lod(){
            var oHello= document.getElementById("hello");
            oHello.style.color="green";
        }
    </script>
</head>
<body onload="lod()">
    <div id="hello">
        Hello
    </div>
</body>
</html>

最终执行Default.aspx页面的结果为：

Hello

World!

其中Hello的颜色并非绿色啊。。。(Default2.aspx中的JS代码未被执行)

网站开发

问题补充： 不只是JS代码没有被执行，CSS代码一样也不执行，但是如果用jQuery的话就可以。。。

Aenly | 初学一级 | 园豆：119
提问于：2009-10-23 11:52

< >

最佳答案

ajax读取过来的js不会自动执行，建议在“stateChanged”方法的最后加上 “lod();”来调用执行该方法

收获园豆：25

canbeing | 小虾三级 |园豆：1287 | 2009-10-23 13:05

那会报错：缺少对象; 应该是没有找到lod();方法

Aenly | 园豆：119 (初学一级) | 2009-10-23 15:07

其他回答(1)

请求回来后，再执行这个lod()

收获园豆：25

James.Ying | 园豆：1472 (小虾三级) | 2009-10-23 13:50

请求回来后再执行lod()不行啊！找不到lod()方法。。。

支持(0) 反对(0) Aenly | 园豆：119 (初学一级) | 2009-10-23 15:08

清除回答草稿

您需要登录以后才能回答，未注册用户请先注册。

欢迎，请先 登录 或者 注册 。

请高手帮忙！Ajax中被加载页不执行JS代码！

欢迎，请先登录或者注册。