Question

点击刷新DIV

我想请问3个问题：

1.开关DIV时要如何有动态标题，例如DIV关闭时按钮显示"开启DIV"，DIV开启时按钮则显示"关闭DIV"这样。
我现在用的是：
------------------------------------------
<a style="cursor:pointer" onclick="var box1 = getElementById('box1'); box1.style.display=box1.style.display=='none'?'':'none'"checked="checked"text-decoration:none">标题按钮</a>
<div id="box1" style="display:none">内容</div>
------------------------------------------
请问要怎麼更改，或是有更好的取代方法呢?

2.如何用JS来控制某DIV定时刷新，内容是载入网页文字 随机内容(网址:http://bellcrown.myweb.hinet.net/)。

3.接续上面，控制方法是否也能用点击图片来控制刷新?(点击一下刷新一次)

希望能有详细的源码，谢谢拜托了
>>枪枪_枪手
谢谢大师的指点!!有了方向后让我解决了几乎的问题:)
但事关於第一题，DIV标题一开始很顺利的能转换成"隐藏"字标题，
但变成隐藏字标题后，就再也无法点击标题把DIV隐藏回去了，
请问不知道要怎麼把他用成循环的的?

>>青红go
谢谢您，但我测试了一下不能用呢....不知道是我哪里遗漏了？

Answer 1

大致说下吧：
1: function ShowHidden(){
var sh = document.getElementById("你那里的a最好设一个id");
if(sh.innerText=="显示"){
document.getElementById("box1").style.display='block';
sh.innerText="隐藏";
}
else{
document.getElementById("box1").style.display='none';
sh.innerText="显示";
}
}
note: 这个要你做一些事，在开始时就将div隐藏，并且将a的innerText设置为显示； 还是我给你写好了； <a href="javascript:void()" onclick="ShowHidden()">显示</a>
<div id ="box1" style="display:none;"></div>
这里还有一个地方要加一点，我在上面也说明了，自己要试才能做出来的。

2：用一个定时器就可以了。setTimeOut()和setInterval();这两个都可用，但有点区别，网上找找吧。

3:这个也不难，<img />在里面加一个onclick事件就行了。要把cursor：pointer;

ps：你很有想法，但你有点不敢去做，不知是不是这样，有了想法要大胆地去试，那种只要代码不要思想的人是没有自己的东西地；

Answer 2

1. 给div加一个onclick事件。

2. 函数中写window.location.reload();

3. 或 window.location = "";都可以。

   
   

具体实现如下：

window.onload()=function(){
 var a = document.getElementById("a";);
   a.setAttribute("onclick", "click()");
}
function(){
window.location.reload();
}

Answer 3

>>枪枪_枪手
谢谢大师的指点!!有了方向后让我解决了几乎的问题:)
但事关於第一题，DIV标题一开始很顺利的能转换成"隐藏"字标题，
但变成隐藏字标题后，就再也无法点击标题把DIV隐藏回去了，
请问不知道要怎麼把他用成循环的的?

>>青红go
谢谢您，但我测试了一下不能用呢....不知道是我哪里遗漏了？

Answer 4

<script language='javascript'>
function show(){
if(document.getElementById('box1').style.display=='none'){
document.getElementById('box1').style.display=''
str='开启'}else{
document.getElementById('box1').style.display=none
str='关闭'}
document.getElementById('box2').innerHtml=str

}

</script>
<a onclick='show()'>点击</a>