Javascript生成的html - P标签在A标签之外生成

时间:2015-10-24 06:43:11

标签: javascript html

我有一个像这样编码的弹出窗体

var popup = '<div id="popup"><p id="shareHeader">Share On</p>'+
            '<a href="http://www.facebook.com/sharer.php?u="'+url+'><p>Facebook</p></a>'+
            '<a href="https://www.linkedin.com/cws/share?url="'+url+'><p>LinkedIn</p></a>'+
            '<a href="http://twitter.com/share?text=GET%20800%20SAT&url="'+url+'><p>Twitter</p></a>'+
            '</div><div id="close">Close</div>';

但是当它生成时,它会将p标签移动到标签之外,如此......

<a href="http://www.facebook.com/sharer.php?u=" http:="" satprepget800.com=""></a><p>Facebook</p>...

为什么会这样?

1 个答案:

答案 0 :(得分:0)

var url = 'url';

var popup = '<div id="popup"><p id="shareHeader">Share On</p>'+
            '<a href="http://www.facebook.com/sharer.php?u='+url+'"><p>Facebook</p></a>'+
            '<a href="https://www.linkedin.com/cws/share?url='+url+'"><p>LinkedIn</p></a>'+
            '<a href="http://twitter.com/share?text=GET%20800%20SAT&url='+url+'"><p>Twitter</p></a>'+
            '</div><div id="close">Close</div>';