在Firefox和Chrome中不顯示Javascript圖像

我是JavaScript新手，嘗試在新窗口中顯示圖像。的代碼是 -在Firefox和Chrome中不顯示Javascript圖像

<script type="text/javascript"> 
    function myfunc(){ 
     var new_window = window.open(); 
     var doc = new_window.document; 
     var image = document.createElement('img'); 
     image.setAttribute('src','imagepath'); 
     image.setAttribute('alt',"image"); 
     doc.appendChild(image); 
    } 
</script>

該圖像在顯示「ALT」文字沒有被顯示在Firefox和Chrome。雖然在IE中沒有顯示任何內容。請幫助。

來源

2013-09-26 Pushkar Acharya

我假設imagepath實際上指向一個圖像？而且你在某個時候調用了'myfunc（）'？ – Jivings

什麼是實際的圖像路徑？這可能是一個絕對/相對的問題。 – andrewb

@andrewb：imagepath可以是相對的也可以是絕對的。它是動態生成的。 –

希望這有助於！

Js Fiddle

<button>Working !!</button> 

$('button').off('click').on('click', function(){ 
     var new_window = window.open(); 
     var doc = new_window.document.body; 
     var image = document.createElement('img'); 
     doc.appendChild(image);   
     $(doc).find('img').attr({ 
     src: "http://profile.ak.fbcdn.net/hprofile-ak-ash4/276993_573451729347425_460197233_q.jpg", 
      title: "Image" 
}); 

});

來源

2013-09-26 06:32:03

謝謝。它爲我工作。 –

乾杯@普什卡 –

您不能插入一個節點到document，你需要指定body：

var doc = new_window.document.body;

它工作正常，我與修正。

來源

2013-09-26 06:06:31 Jivings

他提到alt文本出現。 – mavrosxristoforos

@mavrosxristoforos True ...然後在FF和Chrome中完全不適合我。我得到'HierarchyRequestError：一個節點被插入到它不屬於的地方.' – Jivings

我沒有說我不同意（我會在這種情況下downvoted）。我只是認爲這不是實際案例中的* main *問題。 – mavrosxristoforos

我發現的是，dosent作品也較新版本...

試試這個

var img = new Image(1,1); //width, height values are optional parameter acc to your requirments 

img.src = 'your image url';

希望這將工作

它爲我工作in chrome 未在Firefox中測試但我認爲它會在Firefox中工作。

來源

2013-09-26 06:37:27

在Firefox和Chrome中不顯示Javascript圖像

回答

相關問題