怎么给JS代码中的图片加超链接?

JavaScript034

怎么给JS代码中的图片加超链接?,第1张

imgArr.map(imglink =>{

const atags = document.createElement('a')

const imgtags = document.createElement('img')

imgtags.src = imglink.path

atags.href = imglink.path

atags.appendChild(imgtags)

})

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

原因:

浏览器是单线程的,如果放在头部,浏览器会先加载script文件并执行,此时会形成一个阻塞,影响后续的dom文件的加载和执行。

缺点:

避免措施:

注意:

虽然说将外部引入的js引用放在 body 末尾处,不过也是有顺序的,需要将一些 依赖文件放在前边

例如jquery文件需要放在前边,这样后边函数中使用$才不会报错。