才学习javascript,看到是张绍祥的javascript网页开发,比较老的教程
看到IE和NS兼容问题
然后我把代码改了下
<!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>
<title>Untitled Document</title>
</head>
<body onload="setInterval('change()',300)">
<div id="layer1" style="position:absolute; left:200px; top:100px;">一个块</div>
</body>
<script type="text/javascript">
var bVisible = true;
var block_1;
block_1 = layer1.style;
function showObject(obj)
{
obj.display = "block";
}
function hideObject(obj)
{
obj.display = "none";
}
function change()
{
if(bVisible)
showObject(block_1);
else
hideObject(block_1);
bVisible = !bVisible;
}
</script>
</html>结果测试,IE8 Chrome Opera都能显示这个 DIV不断显示隐藏切换的教程,唯独Firefox不行请教下是什么原因让Firefox下无效,如何修改
看到IE和NS兼容问题
然后我把代码改了下
<!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>
<title>Untitled Document</title>
</head>
<body onload="setInterval('change()',300)">
<div id="layer1" style="position:absolute; left:200px; top:100px;">一个块</div>
</body>
<script type="text/javascript">
var bVisible = true;
var block_1;
block_1 = layer1.style;
function showObject(obj)
{
obj.display = "block";
}
function hideObject(obj)
{
obj.display = "none";
}
function change()
{
if(bVisible)
showObject(block_1);
else
hideObject(block_1);
bVisible = !bVisible;
}
</script>
</html>结果测试,IE8 Chrome Opera都能显示这个 DIV不断显示隐藏切换的教程,唯独Firefox不行请教下是什么原因让Firefox下无效,如何修改
解决方案 »
- js/jquery 多次触发事件只执行一次
- 判断输入的值符合长*宽*高或长X宽X高或长x宽x高这样的格式
- 如何在邮件中添加一段js进行邮件统计?拜求各位高手
- 当使用左右方向键在input type=text中移动时,如何判断光标移动到了input的最前面或者最后面?
- 关于调用js函数问题
- 有没有’一拖二’的联动下拉菜单的插件for DWMX?
- innerHtml的问题,请大家帮帮忙!
- 如何将iframe中的包含文件返回一个值到包含它的页面中?解决一定给分
- 如何实现自动submit
- easyUI-form表单提交,正确返回但是不执行success
- 求一个无限级水平菜单!
- Href的url中能否串接javascript变量的值?
Firefox下则不能
解决方法:
使用document.getElementById("layer1").style代替document.layer1.style
即:layer1.style(默认是document对象下)