获取标签的src属性兼容性

获取节点如script标签的src属性时,针对非IE6,IE7可以直接使用src属性,但在IE6-7中存在问题,可以借助getAttribute方法

getAttribute(attr,iflag)

iflag 取值:

0: 属性不区分大小写,但是返回一个被修改的值

1:区分大小写,必须严格和属性名匹配才能查找到

2:返回一个字符串,但是针对事件属性不适用

4:返回一个扩展的url,完整的url值,只针对url属性有效

官方文档:https://msdn.microsoft.com/en-us/library/ms536429(VS.85).aspx

0

Default. Performs a property search that is not case-sensitive, and returns an interpolated value if the property is found.

1

Performs a case-sensitive property search. To find a match, the uppercase and lowercase letters instrAttributeName must exactly match those in the attribute name.

2

Returns attribute value as a String. This flag does not work for event properties.

4

Returns attribute value as a fully expanded URL. Only works for URL attributes.

兼容的写法:

function getScriptAbsoluteSrc(node) {
return node.hasAttribute ? // non-IE6/7
node.src :
// see http://msdn.microsoft.com/en-us/library/ms536429(VS.85).aspx
node.getAttribute("src", 4)
}
时间: 2024-10-13 05:36:35

获取标签的src属性兼容性的相关文章

web前端入门到实战:HTML中img标签的src属性绝对路径问题解决办法,完全解决!

HTML中img标签的src属性绝对路径问题解决办法,完全解决 需求:有时候自己的项目img的src路径需要用到本地某文件夹下的图片,而不是直接使用项目根目录下的图片. 场景:eclipse,tomcat,html,img,src,java 注意:不需要寻找tomcat真实路径下的server.xml去修改,这个地方不需要修改. 解决办法:1.在eclipse中找到你的项目发布的tomcat服务器,然后找到左侧Servers下对应的你的Tomcat服务器中的server.xml文件,如下图所示:

script标签的src属性

src属性指定外部文件路径,浏览器根据src属性值请求外部文件然后将外部文件的内容插入script标签之间,结果会覆盖原本script标签之间的内容,类似于document.write()会覆盖原本的dom一样.导致在编辑时写入的js代码不会被执行. 文件并非必须是js文件,任意类型的文本文件都可以,比如html,css,xml,txt.要求是这些文件里面的内容是js代码即可. 文件 "5.txt" 内容:console.log("5.txt"); <!--

用JS改变embed标签的src属性

思路: A.先隐藏embed标签 B.清除embed元素 C.为embed重新赋值,加入Html页面中 1.html代码 <object id="forfun" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="100%" codebase="http://fpdownload.macromedia.com/pub

JavaScript查找Html字符串中的img标签替换src属性的内容

JavaScript示例代码如下: var newContent= content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi,function(match,capture){ //capture,返回每个匹配的字符串 var newStr='<img src="http://www.csghj.gov.cn'+capture+'" alt="" />'; retu

关于图片标签 &lt;img src=&quot; &quot; alt=&quot; &quot;/&gt; 中的 src 属性消失不见了的问题

前端使用 <img/> 标签展示图片的时候,src 指的是图片的路径,如果路径错了,图片不能正常展示出来:但是自己遇到一种更奇怪的情况,就是后台拼接字符串的方式,返回整个 <img/> 标签给前端展示图片,然后标签的 src=" " 属性整个消失不见了,连 alt=" " 属性也不见了,但是 style=" " 样式的属性就正常存在,最后也是搞了半天才知道原因,原来还是路径问题!!后台拼接字符成的方式返回给前端 html

android chrome iframe设置src属性无法启动app

0x01 Android Intents with Chrome Android有一个很少人知道的特性可以通过web页面发送intent来启动apps.以前通过网页启动app是通过设置iframe的src属性,例如: <iframe src="paulsawesomeapp://page1"> </iframe> 此方法适用version 18或者更早版本.其他android浏览器也适用. 这个功能在安卓chrome 浏览器version 25之后版本发生了改变

解决img的src属性为空时会有边框的情况

今天在做一个app项目的时候,遇到了这样一个问题,在给定一个img标签固定宽高的情况下,当img标签中的src属性为空时,这块img区域会有边框包围着,导致了当进入一个页面时,图片会先闪一下边框,然后图片才呈现出来,可能是连通接口的速度不是很快,而在得到图片路径之前img标签的src属性还是初始为空状态,所以加载页面之后会闪一下边框.            上面左图在红色边框的盒子内的就是src为空时的图片的样子.右图是图片正常显示的样子. 解决方式很简单,只需在css中添加一行代码即可: im

UIWebView之获取所点位置的图片标签和src

UIWebView有自己的UIResgure,如果我们手动加入自己的GestureRecognize将不能识别,如UILongPressGestureRecongnizer. 在浏览网页的时候,如果看到喜欢的图片,想把它保存下来如何办呢? 我们可以自己写一个程序来实现,用uiwebview开发一个自己的浏览器. 上面说到uiwebview不能识别long press gesture,幸好有一个可以识别,那就是double click.因此我们注册它,代码如下 UITapGestureRecogn

如何判断img标签是否有src属性

前几天,写一个小项目,需要判断img标签是否有src属性,想了半天,只能想到用jq实现,如下: if($(".img").attr("src")==undefinde) { //逻辑代码 }else { //逻辑代码 } 但是项目中没有使用jq,突然就忘了怎么写了,后来看了看文档才想起来: var src = document.getElementById("img").src; if(src==undefinde) { //逻辑代码 }else