请教如何在js中引用图片

JavaScript010

请教如何在js中引用图片,第1张

1.在js中直接调用图片的路径就可以了

2.如下代码，将当前目录下的image文件夹中的pic.jpg的路径赋值给picurl

var picurl="image/pic.jpg"

3.想在那里调用直接用 picurl 调用就行了。

1、本地的图片?HTML只能连接网站内的图片,即使在本地,也需要先将图片拷贝到网站内。

2、网页中引用js文件，象你这样如果用到图片路径等时，要注意的是这个路径如果用相对路径表示的话，是网页与图片之间的相对路径，而不是js文件与图片之间的相对路径。如果有多个不同的目录中的网页文件需要引用一个这样的js文件的话，最好的解决办法是用绝对路径。也就是改成：

imgUrl1=("/images/0.gif")

imgtext1="1111"

imgLink1=escape("/XX.html")

imgUrl2=("/images/00.gif")

imgtext2="222"

imgLink2=escape("/XXX.html")

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<script>标签，输入js代码：$('body').append('<img src="https://www.baidu.com/img/bd_logo1.png" />')。

3、浏览器运行index.html页面，此时图片被js成功显示到页面上。