日期:2014-05-18  浏览次数:20859 次

js可以把一个html刷新到div里面吗?
玩游戏的哥们要开公司,然后要我帮忙把他们网站的局部刷新功能加上去。。。
尼玛用华为BME小半年,我现在只会usl肿么破。。。然后,就想用下面这个思路。。。

<frameset rows="20%,*" >
<frame src="${pageContext.request.contextPath }/manager/top.html" name="top"/>
<frameset cols="30%,70%">
<frame src="${pageContext.request.contextPath }/manager/left.html" name="left" />
<frameset rows="80%,20%">
<frame src="${pageContext.request.contextPath }/manager/main.jsp" name="main" align="middle"/>
<frame src="${pageContext.request.contextPath }/manager/button.html" name="button"/>
</frameset>
</frameset>
        
</frameset>


本来想用这个,点左边的链接,把main设成空,这样就可以局部刷新了。。。只不过。。。页面丑的来。。。


没想到,更坑爹的是游戏友,只有jdk,没有eclipse,没有tomcat...

纯粹假的html连来连去。。。

所以,想问下点一个链接触发js,可以把一个html里面的东西刷新到div里面吗?jquery也行。

------解决方案--------------------
必须可以啊...
比如有一个连接:<a href="#" id="doClick" >点我吧</a>
   有一个div : <div id="fullme"></div>

--jquery可以这么干,给连接加点击事件.
$("#doClick").click(function(){
    $("#fullme").html("<div>我就是要填你...</div>");
});

这就成了,仅仅是一个小例子。。楼主照着写你的就成了..
------解决方案--------------------
jquery 

#("#divId").load("xx.action?yy=kk/xx.jsp?yy=kk");
------解决方案--------------------
可以的,,用jquery的$("#id").click(function(){}就可以了,他只需要支持js就可以的,不需要后台支持,但是如果需要后台数据,也是可以实现的。
------解决方案--------------------
引用:
引用:jquery 

#("#divId").load("xx.action?yy=kk/xx.jsp?yy=kk");

Java code?1234567$(document).ready(function(){     #("#fullme").load("test3.html");    //#("#fullme").……



1、请先查看自己引用了jquery.js没。
2、请查看jsp的引用路径错没。
3、结合查看jquery官方文档:http://www.w3school.com.cn/jquery/ajax_load.asp




demo:

<script type="text/javascript" src="/views/js/jquery-1.7.1.min.js"></script>

<script type="text/javascript">

$(function(){
$("#divId").load("index.jsp");//index.jsp文件肯定有吧?welcome file 其他路径/xx/yy/zz.jsp  or /xx/yy/zz.jsp
});
</script>

<div id="divId"></div>



测试无问题。
------解决方案--------------------
引用:
Quote: 引用:

必须可以啊...
比如有一个连接:<a href="#" id="doClick" >点我吧</a>
   有一个div : <div id="fullme"></div>

--jquery可以这么干,给连接加点击事件.
$("#doClick").click(function(){
    $("#fullme").html("<div>我就是要填你...……



先感谢您给我建议,不过我遇到麻烦了。。。

<head>
<script type="text/javascript" src="../js/jquery-1.4.4.js">
</script>

<script type="text/javascript">

$(document).ready(function()
{
 $("#fullme").html("<div>hello world!!!</div>"); 
});

$('#doClick').click(function(){
alert('123');