画像とスクリプトを動的にロード
画像を動的にロードする多くの方法.1つ目の方法は、DIVのようなブロック要素を勝手に作成し、DOMツリーに追加し、CSSで背景画像を設定することです.2つ目の前半は1つ目と同じですが、今回はinnerHTMLで1枚の画像を追加してサブエレメントにします.3つ目は、createElement(「img」)を使用し、DOMと指定したsrcプロパティを追加します.4つ目は、new Imageオブジェクトで、DOMと指定したsrcプロパティを追加します.
1. window.onload = function (){ 2. var image = document.createElement( "div" ); 3. document.body.appendChild(image) 4. image.style.cssText = "width:400px;height:300px;background:url(http://images.cnblogs.com/cnblogs_com/rubylouvre/199042/o_s001.jpg)" 5. } 1. window.onload = function (){ 2. var image = document.createElement( "div" ); 3. document.body.appendChild(image) 4. image.innerHTML = "<img src='http://images.cnblogs.com/cnblogs_com/rubylouvre/199042/o_s001.jpg'>" ; 5. } 1. window.onload = function (){ 2. var image = document.createElement( "img" ); 3. document.body.appendChild(image) 4. image.src= 'http://images.cnblogs.com/cnblogs_com/rubylouvre/199042/o_s001.jpg' ; 5. } 1. window.onload = function (){ 2. var image = new Image; 3. document.body.appendChild(image) 4. image.src= 'http://images.cnblogs.com/cnblogs_com/rubylouvre/199042/o_s001.jpg' ;