请教如何在js中引用图片

JavaScript013

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

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

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

var picurl="image/pic.jpg"

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

将需要在js中修改的代码放在js变量中，该变量在js中定义，然后在insertHtml中添加这段代码，示例如下：

var code = "<a herf = '#'><img url = '#'></img></a>"

insertHtml("beforeend",document.body,code)

将包含上述代码的js引入到页面中即可，在页面上调用js的代码如下：

<script language=javascript src="test.js"></script>

insertHtml的使用方法：

insertHtml(where,el,html)

where：插入位置。包括beforeBegin,beforeEnd,afterBegin,afterEnd

el：用于参照插入位置的html元素对象

html；要插入的html代码

例：insertHtml("beforeEnd",document.getElementById("fav_list"),"<li id='aaa'><a href='' class='fav_link'>百度</a></li>")

这个实现一般有两用方式

1.用js定义一个字符串变量，把图片的字符串写进去，然后div.innerhtml把这个字符串加进去。

2.用类似jquery的js插件，也是先定义图片字符串变量，然后div.append这个字符串就好了。