JavaScript学习第一天

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript学习第一天相关的知识,希望对你有一定的参考价值。

技术分享
//1.匿名函数自执行
(function(){
    test2();
})();


    //原生js 跨浏览器绑定事件
function test2(){
        var obj = document.getElementById("button1");
        //dom浏览器
         if(obj.addEventListener){
            obj.addEventListener("click",function(){
            console.log("w3c test2");
         },false);
         //ie 9 以下浏览器
        }else if(obj.attachEvent){
            obj.attachEvent("onclick",function(){
                alert("ie 5.0 - 10 test2");
                //
                //console.log("ie 5.0 - 10 test2 ");
            })
        }
        
    }
View Code

html代码如下

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <!--<script src="js/jQuery/jquery.min.js" type="text/javascript" charset="utf-8"></script>-->
        <script src="js/index.js" type="text/javascript" charset="utf-8"></script>
        <title>abson</title>
    </head>
    <body>
        <div>
            <button id="button1">按钮1</button>
        </div>
    </body>
    
</html>

一直报错 选择器选不中button,检查后发现 当加载js时,document没有加载出来,所以选不中。所以修改代码为

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <!--<script src="js/jQuery/jquery.min.js" type="text/javascript" charset="utf-8"></script>-->
        <title>abson</title>
    </head>
    <body>
        <div>
            <button id="button1">按钮1</button>
        </div>
    </body>
    <script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</html>

解决问题。

另外想到,我们用jQuery的$(function(){}),初始函数则不会出现这种问题。联想到这种写法是$(document).ready(function(){}的简写。可想而知。这个初始函数是jQuery认为document全部加载完后才会加载的方法。

以上是关于JavaScript学习第一天的主要内容,如果未能解决你的问题,请参考以下文章

前端之JavaScript第一天学习-JavaScript 简介

学习JavaScript的第一天

学习 javascript 第一天:如何使用 javascript 查找字符串中出现次数最多的字符

JavaScript学习第一天

JavaScript 基础入门丨第一天学习规划

ECMAScript6入门学习--第一天