html中src属性是什么意思?怎么用啊?

html-css0130

html中src属性是什么意思?怎么用啊?,第1张

src是<img>标签的必选属性,它的值是图像文件的 URL,也就是引用该图像的文件的的绝对路径或相对路径。

是source的简写,意思就是资源位置,你所引用的位置。

绝对 URL - 指向其他站点(比如 src="http://www.autofull.com/")。

相对 URL - 指向站点内的文件(比如 src="/i/image.gif")。

src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求src资源时会将其指向的资源下载并应用到文档内,例如js脚本,img图片和frame等元素。src和href之间有区别,可以混着用。src用于替换当前元素,href用于在当前文档和引用资源之间确立联系。

html img src 图片路径不存在或者存在但是路径无效无法正常加载出来的情况,动态替换成有效的默认图片,解决办法。

通常的判断为:

if(pic==null){

 html='<img src="images/bg_test1.jpg" width="320" height="157" />'

 }else{

 html='<img src="'+pic+'" width="320" height="157" />'

}

但如果当src路径存在,但路径无效导致无法正常加载时,可以利用img 的 onerror 事件来解决:

 if(pic==null){

  html='<img src="images/bg_test1.jpg" width="320" height="157" />'

 }else{

html='<img src="'+pic+'" width="320" height="157" οnerrοr="imgerror(this)" />'

}

分析:特别注意 onerror,当图片不存在时,将触发 onerror,而 onerror 中又为 img 指定一个 NoPic.gif 图片。也就是说图片存在则显示 pic.gif,图片不存在将显示 noPic.gif。但问题来了,如果 noPic.gif 也不存在,则继续触发 onerror,导致循环,故出现错误。

说明:如果图片存在,但网络很不通畅,也可能触发 onerror。

解决:可以在设置为默认图片之后将 onerror 事件置空,避免死循环触发。

function imgerror(img){

img.src="images/default.jpg"

img.οnerrοr=null  //控制不要一直跳动

}

html的imgsrc修改位置运用以下步骤。

1、在eclipse中找到项目发布的tomcat服务器,找到左侧Servers下对应的Tomcat服务器中的server.xml文件。

2、打开server.xml文件,添加要使用的img标签中的src的绝对路径的映射关系。

3、在下方所示的位置WebModules检查所添加的标签,无异常的话,说明配置正确,正确使用。

4、HTML中img标签的写法,运行即可。