美文网首页
src,href属性的正确获取姿势

src,href属性的正确获取姿势

作者: 叱吒红尘 | 来源:发表于2015-11-23 21:09 被阅读0次

src,href属性长见于img,script,a,link等标签中用来表示指向一个路径。在实际使用中它们的默认值很诡异的都是当前页面的url

$('<img>')[0].src; // ''
$('<img src>')[0].src; // 当前页面url

var img = $('<img>');
img[0].src = 'some picture url' //  'some picture url'
img[0].src = '' // 当前页面url

请注意以上各种情况,最让人困惑的是将src赋值为空字符串后,再取值,竟然得到当前页面url,实际上我们期望返回空字符串

参考jquery中的实现,得到取值的正确姿势:

var img = var img = $('<img>');
img[0].src = ''
var srcAttr = img.getAttributeNode('src');
srcAttr.value; // ''空字符串

相关文章

  • src,href属性的正确获取姿势

    src,href属性长见于img,script,a,link等标签中用来表示指向一个路径。在实际使用中它们的默认值...

  • JavaScript属性获取

    一、操作标签的合法属性 合法属性:比如id、class、title、href、src等。 获取合法属性:获取元素之...

  • 解析HTML数据

    1. 根据id属性获取,并读取src对应的链接。 2. 根据class属性获取,并读取href对应的链接。 3.获...

  • src与href之间的区别

    url不是属性,src和href是属性,src用于替换当前元素,href用于在当前文档和引用资源之间确立联系,也就...

  • 前端数据请求方式

    一。几种方式 1、 link标签的href属性2、 script标签的src属性3、 img标签的src属性4、 ...

  • 前端规范之HTML-2

    属性顺序 class id name data-* src, for, type, href, value , m...

  • src与href属性的区别

    src和href之间存在区别,能混淆使用。src用于替换当前元素,href用于在当前文档和引用资源之间确立联系。 ...

  • 绑定属性

    v-bind指令介绍 动态绑定属性:比如a元素的href属性,img元素的src属性 作用:动态绑定属性 缩写::...

  • jQuery中attr()与css()的区别

    attr()主要是针对元素的属性进行操作,如img的src属性和alt属性,a链接的href属性等等;css()修...

  • property和attribute的一些区别

    自定义属性(id/src/href/name/value等) 通过setAttribute设置的自定义属性,可以通...

网友评论

      本文标题:src,href属性的正确获取姿势

      本文链接:https://www.haomeiwen.com/subject/skyrhttx.html