开学学习笔记.jQuery笔记

要记住的知识点

回顾javascript

1、javascript的调用有两种方式

(1) 使用function 函数名() + onClick 或者 onChange之类的事件名搭配使用

　例如：

 1     <head>
 2         <meta charset="utf-8">
 3         <title>验证用户名密码</title>
 4         <script type="text/javascript">
 5             function tijiao(){
 6                 var userName = document.getElementById("userName").value;
 7                 var passWord = document.getElementById("passWord").value;
 8                 if(userName == "jack" && passWord == "111111"){
 9                     alert("用户名密码正确");
10                 }else{
11                     alert("用户名密码错误");
12                 }
13             }
14         </script>
15     </head>
16     <body>
17         <form>
18             <label>用户名：</label><input type="text" id="userName"/><br/>
19             <label>密&nbsp;&nbsp;&nbsp;码：</label><input type="password" id="passWord"/><br/>
20             <input type="button" value="提交" onclick="tijiao();"/>
21         </form>
22 
23     </body>

(2)使用function 函数名() + window.load.function(){} 搭配使用

例如：

<head>
        <meta charset="utf-8">
        <title>通过id获取元素</title>
            <script type="text/javascript">
                    function getHTML(id){
                        var node = document.getElementById(id);
                        document.getElementById("result").innerHTML="您点击了:"+node.innerHTML;
                    }
                    window.onload=function(){
                        document.getElementById("chapter1").onclick=function(){getHTML("chapter1");}
                    }
            </script>
    </head>
    <body>
        <h3 id="chapter1">
            diyizhangiikajdiw
        </h3>
        <p id="result"></p>
    </body>

开学学习笔记.jQuery笔记

猜你喜欢