Javascript 显示img元素而不必刷新页面_Javascript_Html_Image

Javascript 显示img元素而不必刷新页面

javascript html image

Javascript 显示img元素而不必刷新页面,javascript,html,image,Javascript,Html,Image,我需要帮助来显示一个没有必须刷新页面才能看到内容 <script> function init() { $('#pictureBox').attr('src', picture); } </script> <body onload="init();"> <img id="pictureBox" src=""></img> </body> 函数init（）{ $（'#pic

我需要帮助来显示一个没有必须刷新页面才能看到内容

<script>      
   function init() {
       $('#pictureBox').attr('src', picture);
   }
</script>

<body onload="init();">
    <img id="pictureBox" src=""></img>
</body>


函数init（）{
$（'#pictureBox'）.attr（'src'，picture）；
}

您可以改用jQuery，代码如下

  <html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
     <script type="text/javascript">     
        var picture = 'blabla/testimage.jpg';
        $(document).ready(function() {
           $('#pictureBox').attr('src', picture);
        });
       </script>
     <head/>

        <body>
            <img id="pictureBox" src=""/>
        </body>
   </html>


var picture='blabla/testimage.jpg'；
$（文档）.ready（函数（）{
$（'#pictureBox'）.attr（'src'，picture）；
});

您应该先

预加载

图片（这会立即显示图片），然后才能动态使用图片

<script>
   //preloading...
   var mypic = new Image();
   mypic.src = picture;

   $(window).load(function(){
       $('#pictureBox').attr('src', picture);
   });      
</script>

<body>
    <img id="pictureBox" src="" />
</body>


//预加载。。。
var mypic=新图像（）；
mypic.src=图片；
$（窗口）。加载（函数（）{
$（'#pictureBox'）.attr（'src'，picture）；
});

请注意，在

html5

标准a

img

标记不能有空属性

src

问题在哪里？什么不起作用？你有小提琴吗？

picture

变量是什么？这个问题涉及到在显示之前将图像内容加载到屏幕的问题。我想知道这是否可以有效地完成，这样我就可以看到图像内容，而不必更新页面。我认为picture变量不感兴趣，但是如果您想知道这里的变量信息，它是：var picture=；这是谷歌地图的图片。是的，这个变量肯定是定义的，因为我在刷新时看到了内容。我没有小提琴谢谢你们提供快速准确的答案。img标签是自动关闭的