美文网首页
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属性的正确获取姿势

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