妙味茶馆

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2108|回复: 3

[求助] 发现window.onload在chrome下没反应,在safari下正常

[复制链接]
abcrhuda 发表于 2017-1-31 15:50:49 | 显示全部楼层 |阅读模式
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>index</title>
<link href="../../Downloads/css reset.css" rel="stylesheet" />
<style>
        #div{width: 100px;height: 100px;border: 2px solid #000;background: #fff;margin-left: 50px;margin-top: 50px;}
        #div1{width: 400px;height: 150px;margin: -100px 0 0 -75px;background: #fff;position: absolute;top:50%;left:50%;border: 10px solid #747474;padding-top: 50px;display: none;}
        #div1 a{display: inline-block;border: 1px solid #000;}
        #div1 ul{margin: 0 auto;width: 250px;}
</style>
<script>
window.onload = function (){
                 var obody = document.getElementById('body');       
                var osetup = document.getElementById('setup');
                var odiv = document.getElementById('div');
                var odiv1 = document.getElementById('div1');
                var ored = document.getElementById('red');
                var oyellow = document.getElementById('yellow');
                var oblue = document.getElementById('blue');
                var ow1 = document.getElementById('w1');
                var ow2 = document.getElementById('w2');
                var ow3 = document.getElementById('w3');
                var oh1 = document.getElementById('h1');
                var oh2 = document.getElementById('h2');
                var oh3 = document.getElementById('h3');
                var oreset = document.getElementById('reset');
                var oconfirm = document.getElementById('confirm');
                osetup.onclick = function (){
                obody.style.background = '#bbb';
                odiv1.style.display = 'block';       
                }
}
</script>
</head>

<body id="body">
<p>请为下面的DIV设置样式:<input id="setup" type="button" value="点击设置" /></p>
<div id="div"></div>
<div id="div1">
        <ul>
                <li>
                        <strong>请选择背景颜色:</strong>
                        <a href="#" id="red">红</a>
                        <a href="#" id="yellow">黄</a>
                        <a href="#" id="blue">蓝</a>
                </li>
                <li>
                        <strong>请选择宽(px):</strong>
                        <a href="#" id="w1">200</a>
                        <a href="#" id="w2">300</a>
                        <a href="#" id="w3">400</a>
                </li>
                <li>
                        <strong>请选择高(px):</strong>
                        <a href="#" id="h1">200</a>
                        <a href="#" id="h2">300</a>
                        <a href="#" id="h3">400</a>
                </li>
                <li>
                        <input id="reset" type="button" value="恢复" />
                        <input id="confirm" type="button" value="确定" />
                </li>
        </ul>
</div>
</body>

</html>
回复

使用道具 举报

 楼主| abcrhuda 发表于 2017-1-31 16:30:23 | 显示全部楼层
是在mac 环境下的chrome
回复 支持 反对

使用道具 举报

j_love 发表于 2017-2-5 10:47:03 | 显示全部楼层
我用mac下的chrome测试了,是正常的,chrome版本为版本 55.0.2883.95 (64-bit),请查看你的chrome版本。

也可以在window.onload中弹一个alert(),试试能不能弹。
回复 支持 反对

使用道具 举报

 楼主| abcrhuda 发表于 2017-2-5 23:31:58 | 显示全部楼层
j_love 发表于 2017-2-5 10:47
我用mac下的chrome测试了,是正常的,chrome版本为版本 55.0.2883.95 (64-bit),请查看你的chrome版本。

...

我发现我的问题是 当我用window.onload时,在DW下用F12快捷键打开无论哪个浏览器 都无法实现JS效果 ,但是写在最后却可以;同时当我从文件夹里手动去打开正在编辑的网页时,它能实现JS效果,所以我很纳闷 还望老师指点。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|小黑屋|妙味课堂 ( 京ICP备08102442号

GMT+8, 2019-5-22 06:50 , Processed in 0.138969 second(s), 23 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表