又没有高手解决下，在线等！！！！！！

zhouxia11 2012-03-09 11:00:58

<html>
<head>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.6.2.min.js"></script>

</head>

<body>
<a href='javascript:;' onclick="document.getElementById(d1).load('getEmpList1.php')">xxxx</a>
<div id="d1"></div>
</body>
</html>
错误：
d1 is not defined

...全文

110 19 打赏收藏转发到动态举报

写回复

用AI写文章

19 条回复

切换为时间正序

请发表友善的回复…

发表回复

三石-gary 2012-03-09

打赏
举报



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

<html>

<head>

   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

    <script type="text/javascript">



        function doAction(index) {

            var ulObj = document.getElementById('u' + index);

            if (ulObj.style.display == 'none') {

                ulObj.style.display = 'block';

            } else {

                ulObj.style.display = 'none';

            }

        }

        $(document).ready(function () {

            $('#aaa').click(function () {

                $('#divRight').load('xxxx.php');

            });

        });

        

    </script>

   

</head>

<body style="font-size: 20px; font-style: italic;">

    <div id="d1v">

        首页</div>

    <div id="divRight">

        <h1>

            欢迎访问</h1>

    </div>

    <div id="divLeft">

        <ul>

            <li onclick="doAction(1);">xxxx</li>

            <ul id="u1" style="display: none;">

                <li><a href="#">xxx</a></li>

                <li onclick="doAction(3);"><a href="#">xxxx</a></li>

                <ul id="u3" style="display: none;">

                    <li><a href="#">xxxxx</a></li>

                    <li><a href="#">xxxx</a></li>

                    <li><a href="#">xxxxx</a></li>

                </ul>

                <li><a href="#">xxxx</a></li>

                <li><a href="#">xxxxx</a></li>

            </ul>

            <li onclick="doAction(2);">xxxxx</li>

            <ul id="u2" style="display: none;">

                <li><a href="#">xxxxx</a></li>

                <li><a href="#">xxxxx</a></li>

                <li><a href='javascript:;' id='aaa'>xxxx</a></li>

                <li><a href="#">xxxxx</a></li>

            </ul>

        </ul>

    </div>

    

</body>

</html>

load 在Js 中没有。。它是jquery的。。应该是这个原因。。

zhouxia11 2012-03-09

打赏
举报

页面这样的，试过很多方法了
ajax is not defined

zhouxia11 2012-03-09

打赏
举报

<html>
<head>

<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
function $(id){
return document.getElementById(id);
}
function doAction(index){
var ulObj = $('u' + index);
if(ulObj.style.display == 'none'){
ulObj.style.display = 'block';
}else{
ulObj.style.display = 'none';
}
}

function ajax(){
$(divRight).load('xxxx.php');
}
</script>

</head>
<body style="font-size:20px;font-style:italic;">

<div id="d1v">首页</div>
<div id="divRight">
<h1>欢迎访问</h1>
</div>
<div id="divLeft">
<ul>
<li onclick="doAction(1);">xxxx</li>
<ul id="u1" style="display:none;">
<li><a href="#">xxx</a></li>
<li onclick="doAction(3);"><a href="#">xxxx</a></li>
<ul id="u3" style="display:none;">
<li><a href="#">xxxxx</a></li>
<li><a href="#">xxxx</a></li>
<li><a href="#">xxxxx</a></li>
</ul>
<li><a href="#">xxxx</a></li>
<li><a href="#">xxxxx</a></li>
</ul>
<li onclick="doAction(2);">xxxxx</li>
<ul id="u2" style="display:none;">
<li><a href="#">xxxxx</a></li>
<li><a href="#">xxxxx</a></li>
<li><a href='javascript:;' onclick="return ajax();">xxxx</a></li>

<li><a href="#">xxxxx</a></li>
</ul>
</ul>
</div>
</body>

</html>

hykhym 2012-03-09

打赏
举报

[Quote=引用 3 楼 zsx841021 的回复:]

document.getElementById("d1").load('getEmpList1.php')
要有引号不然就是变量了。。。突然发现
[/Quote]

zhouxia11 2012-03-09

打赏
举报

ID/NAME 所引用的元素位于全局范围。请使用 W3C 的标准形式 document.getElementById() 。

zhouxia11 2012-03-09

打赏
举报

$(d1).load('getEmpList1.php');
这个写法没问题的，可是我加载了自己写的一个js之后就不能用了
$(d1) is null
自己写的：
<script src="${pageContext.request.contextPath}/js/myjs.js"></script>
内容
function $(id){
return document.getElementById(id);
}这样的写法有什么问题？？？

zhouxia11 2012-03-09

打赏
举报

执行点击一个连接左边的div，执行一个方法加载右边的div
你写我看看

registerluo 2012-03-09

打赏
举报

改成
<a href='javascript:;' onclick="document.getElementById('d1').load('getEmpList1.php')">xxxx</a>
就 ok 了

licip 2012-03-09

打赏
举报

document.getElementById(d1).load('getEmpList1.php');
有这种方法吗？
你是不是想写：
$(d1).load('getEmpList1.php');

三石-gary 2012-03-09

打赏
举报

突然觉得问题好多：你上面调用的jquery文件。。下面又用js 的方法。。
而且js方法里又用了jquery的方法。。。哎。。。

zhouxia11 2012-03-09

打赏
举报

load is not defined,我把div放在上面还是不行的啊

三石-gary 2012-03-09

打赏
举报

document.getElementById("d1").load('getEmpList1.php')
要有引号不然就是变量了。。。突然发现

zhouxia11 2012-03-09

打赏
举报

document.getElementById(d1) is null

三石-gary 2012-03-09

打赏
举报

加载顺序问题。。。div还没加载你就调用了。。

zhouxia11 2012-03-09

打赏
举报

解决了，不过都是加载同样的页面，点击一下就加载同样的，执行什么方法都一样
咱还是菜鸟

三石-gary 2012-03-09

打赏
举报

[Quote=引用 15 楼 zhouxia11 的回复:]

$(document) is null
不行的啊
[/Quote]
我只是具体问题具体分析了。。至于你jsp的问题需要你自己去改动。。。反正就是js是js 的方法。。。jquery是jquery的方法。。不要弄混淆了。。$(divRight).load('xxxx.php')这是js 的方法的。。而.load（）是jquery的方法。。。明白？！

zhouxia11 2012-03-09