Question

我是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中没有显示任何内容。请帮助。

Answer 1

您无法在document中插入节点，您需要指定body：

var doc = new_window.document.body;

通过这种纠正对我来说很好。

Answer 2

希望这会有所帮助!!

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" 
});

});

Answer 3

我发现的是，剂量工作或新版本......

试试这个

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

img.src = 'your image url';

希望这会有用

它在chrome中对我有用没有在firefox中测试过但我认为它也适用于firefox。

Firefox和Chrome中未显示Javascript图片

3 个答案: