ゼロから学ぶjs(1)

3295 ワード

私はjavascriptを勉強して時間が長くなくて、jqueryはすべて見ただけで、ほとんど使ったことがなくて、今backboneを勉強します.jsは、基本的にゼロから始まると言える.
見つけたjsの例は、読めないので、どうやって手をつけるか分かりません.
backboneからjsのドキュメントを手に入れるのはいいかもしれませんが、興味のある学生は私と一緒に勉強しましょう.
最初の例では、カスタムイベント:
<html>
<head>
<meta charset="gbk" />
<script src="underscore.js"></script>
<script src="backbone.js"></script>
</head>
<body>
hello,html
<script  type="text/javascript">
    document.write("Hello javascript!")
    var object = {};
    _.extend(object, Backbone.Events);
    object.on("alert", function(msg) {
      alert("hello " + msg);
    });
    object.trigger("alert", "event trigger");
</script>
</body>
</html>

2つ目の例は、複数のイベント、1つの処理関数です.
<html>
<head>
<meta charset="gbk" />
<script src="underscore.js"></script>
<script src="backbone.js"></script>
</head>
<body>
hello,html
<script  type="text/javascript">
    document.write("Hello javascript!")
    var object = {};
    _.extend(object, Backbone.Events);
    object.on("alert", function(msg) {
      alert("hello " + msg);
    });
    //    ,      
    object.on("event2 event3", function(msg) {
      alert("event2,event3 handler:" + msg);
    });
    object.trigger("event3", "event trigger");
</script>
</body>
</html>

3つ目の例では、すべてのイベントとイベントの転送に応答します.
<html>
<head>
<meta charset="gbk" />
<script src="underscore.js"></script>
<script src="backbone.js"></script>
</head>
<body>
hello,html
<script  type="text/javascript">
    document.write("Hello javascript!")
    var object1 = {};
    _.extend(object1, Backbone.Events);
    object1.on("alert", function(msg) {
        console.log("object1: hello " + msg);
    });
    var object2={};
    _.extend(object2, Backbone.Events);
    object2.on("alert", function(msg) {
        console.log("object2:hello " + msg);
    });
    //      (    ,          )
    object1.on("all", function(msg) {
        console.log("all events handler:" + msg);
        object2.trigger(msg);
    });
    object1.trigger("alert", "event trigger");
</script>
</body>
</html>

4つ目の例では、ログアウトイベント:
<html>
<head>
<meta charset="gbk" />
<script src="underscore.js"></script>
<script src="backbone.js"></script>
</head>
<body>
hello,html
<script  type="text/javascript">
    document.write("Hello javascript!")
    var object = {};
    _.extend(object, Backbone.Events);
    function  onAlert(msg){
        alert("hello " + msg);
    }
    object.on("alert",onAlert);
    object.off("alert", onAlert);//    
    
    object.trigger("alert", "event trigger");
</script>
</body>
</html>