小白求大神指点-CSDN论坛

⋅小白求大神指点 更多帖子 关注空间博客 qq_37046350 本版专家分：0 结帖率 0%: <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        #box{
            width: 200px;
            height: 200px;
            background-color: #000;
        }
    </style>
    <script>
        window.onload = function () {
            function Color(color) {
                var box = document.getElementById("box");
                box.style.backgroundColor = color;
            }
        }
    </script>
</head>

<body>
    <input type="button" value="红" onclick="Color('red')">
    <input type="button" value="绿" onclick="Color('green')">
    <input type="button" value="蓝" onclick="Color('blue')">
    <div id="box"></div>
</body>

</html>

求大神指点为什么去掉window.onload后js无法运行,会失效,急急

0 2019-02-01 15:18:32

回复数 8 只看楼主引用举报楼主

⋅用网站论坛的移动版发的图片都只有缩略图没有原图 ⋅为什么我在问答区的回答总是莫名的消失？ ⋅新论坛的编辑器怎么只能输入一千个字符，应该是一万个才对 更多帖子 关注空间博客 天际的海浪 本版专家分：139683 进士 2018年总版新获得的技术专家分排名前十 2017年总版技术专家分年内排行榜第七 银牌 2019年1月总版技术专家分月排行榜第二 铜牌 2018年10月总版技术专家分月排行榜第三 2018年9月总版技术专家分月排行榜第三 2018年8月总版技术专家分月排行榜第三 红花 2019年1月 Web 开发大版内专家分月排行榜第一 2018年12月 Web 开发大版内专家分月排行榜第一 2018年11月 Web 开发大版内专家分月排行榜第一 2018年10月 Web 开发大版内专家分月排行榜第一 2018年9月 Web 开发大版内专家分月排行榜第一 2018年8月 Web 开发大版内专家分月排行榜第一 2018年5月 Web 开发大版内专家分月排行榜第一 2018年1月 Web 开发大版内专家分月排行榜第一 2017年12月 Web 开发大版内专家分月排行榜第一 2017年6月 Web 开发大版内专家分月排行榜第一 2017年2月 Web 开发大版内专家分月排行榜第一 2016年3月 Web 开发大版内专家分月排行榜第一 2015年8月 Web 开发大版内专家分月排行榜第一: 你说反了，应该是加了window.onload后js才无法运行吧。

因为Color函数处于另一个函数的局部作用域中，在全局作用域中访问不到。
要去掉window.onload，让Color函数处于全局作用域中才行。

2 2019-02-01 15:51:46

只看TA 引用举报 #1 得分 0

qq_37046350 本版专家分：0: 对对,我打错了,大神请问为什么onclick访问不到局部作用域

0 2019-02-01 16:02:59

只看TA 引用举报 #2 得分 0

⋅用网站论坛的移动版发的图片都只有缩略图没有原图 ⋅为什么我在问答区的回答总是莫名的消失？ ⋅新论坛的编辑器怎么只能输入一千个字符，应该是一万个才对 更多帖子 关注空间博客 天际的海浪 本版专家分：139683 进士 2018年总版新获得的技术专家分排名前十 2017年总版技术专家分年内排行榜第七 银牌 2019年1月总版技术专家分月排行榜第二 铜牌 2018年10月总版技术专家分月排行榜第三 2018年9月总版技术专家分月排行榜第三 2018年8月总版技术专家分月排行榜第三 红花 2019年1月 Web 开发大版内专家分月排行榜第一 2018年12月 Web 开发大版内专家分月排行榜第一 2018年11月 Web 开发大版内专家分月排行榜第一 2018年10月 Web 开发大版内专家分月排行榜第一 2018年9月 Web 开发大版内专家分月排行榜第一 2018年8月 Web 开发大版内专家分月排行榜第一 2018年5月 Web 开发大版内专家分月排行榜第一 2018年1月 Web 开发大版内专家分月排行榜第一 2017年12月 Web 开发大版内专家分月排行榜第一 2017年6月 Web 开发大版内专家分月排行榜第一 2017年2月 Web 开发大版内专家分月排行榜第一 2016年3月 Web 开发大版内专家分月排行榜第一 2015年8月 Web 开发大版内专家分月排行榜第一: 引用 2 楼 qq_37046350 的回复:
对对,我打错了,大神请问为什么onclick访问不到局部作用域

因为Color函数处于window.onload的事件处理函数的局部作用域中的啊。
只能在这个事件处理函数中访问。在别的地方都访问不到。

1 2019-02-01 16:15:46

只看TA 引用举报 #3 得分 0

⋅大佬们帮忙看看，jq循环使用.on给多个按钮动态绑定点击事件重复执行。 ⋅求助，TextField的addFocusListener事件中showMessageDialog弹框两次的问题 ⋅小白请问dom4j解析xml,elements()只能得到下一层的信息？ 更多帖子 关注空间博客 nmm81101 本版专家分：100: 一楼的老哥正解，作用域有问题，而且onload调用的本来就是个匿名函数。你的意思如果是页面加载完成后调用一次，点击按钮后还要继续调用的话可以把color函数写到onload外面来，然后onload里面直接写color函数名调用就OK。

0 2019-02-03 00:32:51

只看TA 引用举报 #4 得分 0

weixin_44124917 本版专家分：0: 0 2019-02-08 05:27:27

只看TA 引用举报 #5 得分 0

weixin_44647661 本版专家分：0: 拜师，有收徒的嘛

0 2019-02-10 16:58:49

只看TA 引用举报 #6 得分 0

weixin_44644690 本版专家分：0: 学到了学到了

0 2019-02-11 15:04:17

只看TA 引用举报 #7 得分 0

⋅机会难得，下次再有就应该好好休息一段时间再说 ⋅vue 组件传值问题，望大神解惑 ⋅没有工作经验就找不到工作，找不到工作哪来的工作经验 更多帖子 关注空间博客 風灬雲 本版专家分：2765 黄花 2018年10月 Web 开发大版内专家分月排行榜第二 蓝花 2018年11月 Web 开发大版内专家分月排行榜第三: window.onload = function () {
            window.Color=function(color) {
                var box = document.getElementById("box");
                box.style.backgroundColor = color;
            }
        }

0 2019-02-12 17:56:48

只看TA 引用举报 #8    得分 0

小白求大神指点 [问题点数：20分]