プログラミング学習の記録 275 "JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック (CD-ROM付) (プログラミング学習シリーズ)"の第3章(高度なJavaScriptプログラミング)の練習問題

開発環境

• Microsoft Windows 7 Home Premium (OS)
• Internet Explorer 8 (プラウザ)
• Microsoft Visual Web Developer 2010 Express Edition (IDE)
• Script言語:JavaScript

"JavaScript 2 Webアプリケーションの基礎とJavaScriptを使ったプログラミングテクニック (CD-ROM付) (プログラミング学習シリーズ)"のp.81, 第3章(高度なJavaScriptプログラミング)の練習問題を解いてみる。

3.1

var Member = function (name, email) { this.name = name; this.email = email; this.dispNameandEmail = function () { document.write( "<p>Name: " + this.name + "</p><p>Email: " + this.email + "</p>"); } } function Run() { var person = new Member("Kamimura", "Email"); person.dispNameandEmail(); }

 

3.2

var Member1 = function (name, email) { this.name = name; this.email = email; } Member1.prototype.dispNameandEmail1 = function () { document.write( "<p>Name: " + this.name + "</p><p>Email: " + this.email + "</p>"); } function Run1() { var person1 = new Member1("Kamimura1", "Email1"); person1.dispNameandEmail1(); }

 

3.3

var Dog = function () { }; Dog.prototype = { Dog: function (name, age) { this.name = name; this.age = age; }, dispNameandAge: function () { document.writeln(this.name + ":" + this.age); }, bark: function () { document.writeln("わんわん!"); }, sleep: function () { document.write("グーグー"); } }; var Retriever = function (name, age) { this.name = name; this.age = age; }; Retriever.prototype = new Dog(); Retriever.prototype.swim = function () { document.write("すいすい"); }; Retriever.prototype.eat = function () { document.write("ぱくぱく"); }; function Run2() { var pochi = new Retriever("Pochi", 6); pochi.dispNameandAge(); pochi.bark(); pochi.sleep(); pochi.swim(); pochi.eat(); }

 

3.4

var dataset = { "本年度売り上げ": [[0, 10], [1, 15], [2, 12], [3, 19], [4, 25], [5, 26][6, 30]] }; var options = { lineOrientation: "vertical", padding: { left: 180, right: 0, top: 10, bottom: 10 }, backgroundColor: "#dbdbdb", colorScheme: "#000055", shouldFill: false }; var gLine = new Plotr.LineChart("graph", options); gLine.addDataset(dataset); gLine.render();

 

3.5

new Ajax.Updater("d0", "http://sitekamimura.blogspot.com/search/label/JavaScript", { method: "get" }); new Ajax.Updater("d1", "http://sitekamimura.blogspot.com/search/label/Microsoft%20Visual%20Web%20Developer", { method: "get" });

ここにラベル、JavaScriptのページが表示されます。

ここにラベル、Microsoft Visual Web Developerのページが表示されます。