javascript 学习笔记(2)

最新推荐文章于 2024-07-21 10:17:51 发布

你走开``

最新推荐文章于 2024-07-21 10:17:51 发布

阅读量322

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_34531925/article/details/75504481

版权

这篇博客探讨了JavaScript中的核心概念，包括函数的赋值、重载问题、隐式原型、函数作为参数传递，以及call和apply的使用。同时，讲解了对象创建、原型链的重写和注意事项，强调了解耦合和动态语言特性的重要性。

摘要由CSDN通过智能技术生成

js中控制html元素的样式以及普通事件的使用

<script type="text/javascript">
    function over(obj) {
    
        obj.style.color = "#f00";
        //在css中的以"_"连接的数据,在js中使用驼峰格式
        obj.style.fontSize = "20px";
    }
    function out(obj) {
    
        obj.style.color = "#000";
    }
    function clic(obj) {
    
        //获取的数据类型默认为String类型.
        var size = obj.style.fontSize;
        //parseInt() 函数可解析一个字符串，并返回一个整数。
        if(parseInt(size)) {
            obj.style.fontSize = parseInt(size) +2 +"px";
        } else {
            obj.style.fontSize = "16px";
        }
    }
</script>
</head>
<body>
<div onmouseover="over(this)" onmouseout="out(this)" onclick="clic(this)">啊啊</div>
</body>

settimeout() setinterval().clearinterval()函数的使用

<script type="text/javascript">
    window.onload= function() {
    
        //此方法是只调用一次就结束
        setTimeout("cd()",3000);
        //会间隔1000秒定时执行
        timeId = setInterval("cd()",1000);
    }
    function stop() {
    
        //会将定时任务停止
        clearInterval(timeId);
    }
    function cd() {
    
        var abc = document.getElementById("abc");
        abc.style.fontSize = "100px";
    }
</script>
</head>
<body>
<div id="abc">啊啊</div>
</body>

实现js代码与html页面解耦和

<script type="text/javascript">
        window.onload=function() {
    
            var chen = document.getElementById("chen");
            chen.onclick=function(event) {
    
                //javascript会默认将event事件函数当做对象传递近来.
                //可是 event在其他浏览器中支持的程度不一样.所以
                // ||短路效果.如果false,则将后方的值给其赋值
                event = event || window.event;
                alert(event.type)
                alert(chen.textContent); 
            }
        }
    </script>
</head>
<body>
    <hr>
    <h3 id="chen">陈</h3>
    <hr>
</body>

js函数间的赋值

<script type="text/javascript">

    function a() {
    
        alert("a");
    }
    var b = a;
    b();
    a = function() {
    
        alert("其他");
    }
    a();
    b();
    //function在内存

最低0.47元/天解锁文章

你走开``

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript 学习笔记(2)

js中控制html元素的样式以及普通事件的使用<script type="text/javascript"> function over(obj) { obj.style.color = "#f00"; //在css中的以"_"连接的数据,在js中使用驼峰格式 obj.style.fontSize = "20px"; } fu
复制链接

扫一扫