Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/ssh/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我想不出在哪里_Javascript_Onmouseover - Fatal编程技术网

Javascript 我想不出在哪里

Javascript 我想不出在哪里,javascript,onmouseover,Javascript,Onmouseover,我只是在胡乱学习JavaScript,我想通过将鼠标放在链接上来改变背景的颜色。真的,我只是想了解一下奥穆塞弗。我有: <a href="http://www.w3schools.com" onMouseOver="document.bgcolor='lightgreen'">Visit W3Schools</a> 我也尝试将此应用于单选按钮,这将改变bg颜色onclick,但是如果我想要预览颜色(通过使用onMouseOver),该部分无法正常工作,因为它与上述部

我只是在胡乱学习JavaScript,我想通过将鼠标放在链接上来改变背景的颜色。真的,我只是想了解一下奥穆塞弗。我有:

<a href="http://www.w3schools.com" onMouseOver="document.bgcolor='lightgreen'">Visit W3Schools</a>

我也尝试将此应用于单选按钮,这将改变bg颜色onclick,但是如果我想要预览颜色(通过使用onMouseOver),该部分无法正常工作,因为它与上述部分不兼容


这个解决方案是不是太明显而我忽略了?谢谢你的帮助。

不,不明显。JavaScript不是那么容易处理。您必须了解可以在JavaScript中使用的对象的类型和名称

对象
文档
没有元素
bgcolor

您尝试的是更改文档元素体的CSS样式

document.body.style.backgroundColor = 'lightgreen'; 
可以通过使用文档对象模型(DOM)来实现这一点,这是您尝试过的,但您必须尊重这种情况。文档属性的正确形式是
bgColor
而不是bgColor(大写字母C)

但这是不可取的。为什么?

  • 文档是文档对象模型(DOM)的一部分,因此 主要负责数据库的数据和结构。。。好 ... 文件。
    document
    bgColor
    属性可能是 黑暗的HTML中世纪,前CSS时代
  • 文档应该包含数据,而不是数据的表示(aka样式)。这就是每个DOM元素的style属性的用途
  • 您只需给正文一个CSS样式作为背景色,就可以否决文档的背景色。文档仍然具有bgColor属性和值,但您看到的是CSS样式的值

  • 不,不明显。JavaScript不是那么容易处理。您必须了解可以在JavaScript中使用的对象的类型和名称

    对象
    文档
    没有元素
    bgcolor

    您尝试的是更改文档元素体的CSS样式

    document.body.style.backgroundColor = 'lightgreen'; 
    
    可以通过使用文档对象模型(DOM)来实现这一点,这是您尝试过的,但您必须尊重这种情况。文档属性的正确形式是
    bgColor
    而不是bgColor(大写字母C)

    但这是不可取的。为什么?

  • 文档是文档对象模型(DOM)的一部分,因此 主要负责数据库的数据和结构。。。好 ... 文件。
    document
    bgColor
    属性可能是 黑暗的HTML中世纪,前CSS时代
  • 文档应该包含数据,而不是数据的表示(aka样式)。这就是每个DOM元素的style属性的用途
  • 您只需给正文一个CSS样式作为背景色,就可以否决文档的背景色。文档仍然具有bgColor属性和值,但您看到的是CSS样式的值

  • onmouseover
    需要全部小写
    onmouseover
    并且它需要等于一个函数(
    object.onmouseover=function(){//some code…}
    如果在它自己的文件中,并且
    onmouseover=“functionName()”
    如果是内联的)


    这里有一个例子:更新的

    onmouseover
    需要全部小写,并且它需要等于一个函数(
    object.onmouseover=function(){//some code…}
    如果在它自己的文件中,并且
    onmouseover=“functionName()”
    如果是内联的)

    下面是一个例子:更新了以下作品:

    <!DOCTYPE html>
    <html>
        <head>
            <script>
                var p = {
                    onload: function() {
                        var a = document.getElementsByTagName("a")[0];
                        a.onmouseover = function() {
                            document.body.style.backgroundColor = "blue";
                        };
                        a.onmouseout = function() {
                            document.body.style.backgroundColor = "green";
                        };
                    }
                };
        </script>
    </head>
    <body onload="p.onload()">
        <a href="http://www.w3schools.com">Visit W3Schools</a>
    </body>
    
    
    var p={
    onload:function(){
    var a=document.getElementsByTagName(“a”)[0];
    a、 onmouseover=函数(){
    document.body.style.backgroundColor=“蓝色”;
    };
    a、 onmouseout=函数(){
    document.body.style.backgroundColor=“绿色”;
    };
    }
    };
    
    以下工作:

    <!DOCTYPE html>
    <html>
        <head>
            <script>
                var p = {
                    onload: function() {
                        var a = document.getElementsByTagName("a")[0];
                        a.onmouseover = function() {
                            document.body.style.backgroundColor = "blue";
                        };
                        a.onmouseout = function() {
                            document.body.style.backgroundColor = "green";
                        };
                    }
                };
        </script>
    </head>
    <body onload="p.onload()">
        <a href="http://www.w3schools.com">Visit W3Schools</a>
    </body>
    
    
    var p={
    onload:function(){
    var a=document.getElementsByTagName(“a”)[0];
    a、 onmouseover=函数(){
    document.body.style.backgroundColor=“蓝色”;
    };
    a、 onmouseout=函数(){
    document.body.style.backgroundColor=“绿色”;
    };
    }
    };
    

    学校会把你引入歧途。改为学习jQuery。查看Use firebug,看看您的事件是否触发,我会选择调用一个简单的函数,该函数包含单选按钮,例如:onmouseover=“anExampleFunctionName(this)”。。。然后,您应该能够获得该单选按钮的值,并将其设置为身体的背景色。onmouseover的一个特点是,当你把鼠标放在它上面时,它会开火,但当它离开时,它不会开火。。。在你的情况下,我会走JQuery路线,只做一个mouseenter和mouseleave事件……W3有什么问题吗?我在找像样的教程。你的想法是什么?只要在谷歌中输入第一个问题(w3schools有什么问题),你就会得到答案……w3schools会把你引入歧途。改为学习jQuery。查看Use firebug,看看您的事件是否触发,我会选择调用一个简单的函数,该函数包含单选按钮,例如:onmouseover=“anExampleFunctionName(this)”。。。然后,您应该能够获得该单选按钮的值,并将其设置为身体的背景色。onmouseover的一个特点是,当你把鼠标放在它上面时,它会开火,但当它离开时,它不会开火。。。在你的情况下,我会走JQuery路线,只做一个mouseenter和mouseleave事件……W3有什么问题吗?我在找像样的教程。你的想法是什么?只是打字