document.write 在firefox里面不兼容的问题
0
悬赏园豆：20
[已解决问题]
解决于 2015-10-28 15:18
html代码：
<input type="button" value="我是一个按钮" onclick="ClickMe()"/>
JS代码：
function ClickMe() {
var i = 0;
var timer= setInterval(function () {
i++;
document.write(i);
}, 1000);
}
在Chrome里面ok，但是在ff和IE9里面没有效果（i不会增加）。请问为什么？需要怎么处理？
最佳答案
0
document.write 存在兼容性问题，你应该改成节点获取的方式去赋值
document.getElementById("test").value=i;
//$("#test").val(i);
收获园豆：10
3种都通过
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> function ClickMe() { var i = 0; var timer= setInterval(function () { i++; //document.write(i);
//下面也可以获取那个div,就是你的document.write(i)的效果
document.getElementById("test").value=i; //$("#test").val(i); }, 1000); } </script> </head> <body> <div id="divtest"> <input type="button" value="我是一个按钮" onclick="ClickMe()"/> <input id="test" type="text" value="aaaaaaaaaaaa"> <div> </body> </html>
其他回答(2)
0
把i放在方法的外面，作为全局变量用
还是不行的！
@软谋教育:
<html> <head> </heda> <body> <form id='f1'> <input type="button" value="我是一个按钮" onclick="ClickMe()"/> <input type='text' id='txt1' value='' /> <script> var i = 0; function ClickMe() { var timer= setInterval(function () { document.getElementById('txt1').value=i++; }, 1000); } </script> </form> </body> </html>
这样是可以的，可能是write的关系吧
0
