学习JS的总结（二）

最新推荐文章于 2024-09-11 15:33:18 发布

依本多情

最新推荐文章于 2024-09-11 15:33:18 发布

阅读量234

点赞数

分类专栏：【JS】文章标签：函数 javascript 变量常量

本文链接：https://blog.csdn.net/qq_36520235/article/details/79097095

版权

【JS】专栏收录该内容

5 篇文章 0 订阅

订阅专栏

选项卡和其他小知识总结

如果是不带参数的那种调用函数，直接把函数名放到onclick中就可以函数名里面的值记得用单引号（ οnclick=”toColor(‘yellow’)）
如果是带参数的（可以是多个参数）话可以写两个参数在函数里面如《setHeight(name,value)》,但是在onclick里面的时候参数都要用单引号
什么时候加单引号什么时候不加单引号的区别（如果你要用的是一个你自己定义的参数或者是一个常量的话，这种是不需要加单引号的）（而带单引号就表示这是一个字符串，不带单引号系统就当做变量处理）
我们用style加样式的时候是加在行间的，style操作的都是行间样式，不论是读还是写样式
样式的优先级（*《标签《class《ID《行间）
如果你已经给了style标签的样式再去修改CSS的className的样式那样的话就会没有效果，因为style的行间优先级比class的优先级高（要么都用style样式要么都用CSS去修饰不要混着来）

测试选项卡

    <style>
    #div01{height: 200px; width: 300px; background: red;}
    </style>



    <script>

        function toColor(color){
            var Odiv=document.getElementById('div01');
            Odiv.style.background=color;
        }
        function setHeight(name,value){
            var Odiv=document.getElementById('div01');
            Odiv.style[name]=value;
        }

// function toGreen(){
// var odiv=document.getElementById(‘div01’);
// odiv.style.background=’green’;
//
// }
// function toBlack(){
// var odiv=document.getElementById(‘div01’);
// odiv.style.background=’black’;
//
// }
// function toYellow(){
// var odiv=document.getElementById(‘div01’);
// odiv.style.background=’yellow’;
//
// }

<body>
    <input  type="button" value="变黄" onclick="toColor('yellow')"/>
    <input  type="button" value="变绿" onclick="toColor('blue')" />
    <input  type="button" value="变高" onclick="setHeight('height','400px')"/>
    <div id="div01"></div>
</body>