ゼロから学ぶjs(1)
3295 ワード
私はjavascriptを勉強して時間が長くなくて、jqueryはすべて見ただけで、ほとんど使ったことがなくて、今backboneを勉強します.jsは、基本的にゼロから始まると言える.
見つけたjsの例は、読めないので、どうやって手をつけるか分かりません.
backboneからjsのドキュメントを手に入れるのはいいかもしれませんが、興味のある学生は私と一緒に勉強しましょう.
最初の例では、カスタムイベント:
2つ目の例は、複数のイベント、1つの処理関数です.
3つ目の例では、すべてのイベントとイベントの転送に応答します.
4つ目の例では、ログアウトイベント:
見つけた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>