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

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; // ''空字符串
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 之前积累了XSS 有一段时间,因为目前开始了一件有趣的工程,需要整合非常多的知识,其中Web 安全这一块出现最多的...
    刀背藏身阅读 9,382评论 0 16
  • 本博客转自:「作者:若愚链接:https://zhuanlan.zhihu.com/p/22361337来源:知乎...
    韩宝亿阅读 2,826评论 0 3
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,292评论 19 139
  • 下面是培臻教育小编为大家整理的一篇关于Bmat考试练习题2的文章,供大家参考,下面是详细内容。 Bmat考试练习题...
    peizhenjy阅读 182评论 0 0
  • 很怕鬼,不敢去鬼屋。但是如果有你在,我会一直紧紧握着你的手,一步一步向前走,抱歉呐~可能会走的有些慢,不是因为害怕...
    花暖阅读 174评论 0 0