メモ：コンストラクタ、prototype、window.onload

javascript

コンストラクタ、prototype、window.onload 

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
  <head>
    <title>Javascript note</title>
<script type="text/javascript">
//<![CDATA[
function Hello(name) {
    if (name) {
      this.name = name;
    }
}
Hello.prototype = {
    name : 'John Doe',
    sayHello: function(){
        alert('Hello ' + this.name);
    }
}

window.onload = function() {
    var myName = document.getElementById('name').innerHTML;
    var hello = new Hello(myName);
    hello.sayHello();  // Hello Morningmist

    var hello2 = new Hello();
    hello2.sayHello();  // Hello John Doe
}

//]]>
</script>
  </head>
  <body>
    My Name is <span id="name">Morningmist</span>
  </body>
</html>