为什么<a>标签的文字会跑到标签外面去了?

Question

新手不是很懂,这是查看元素看到的信息,当我href 使用一串电驴链接的时候,文字会跑到a标签之外,但使用百度的链接的时候,又是正常的,如下图

a标签是动态添加的

 $("#table").append(" <tr>\n" +
                             "                    <td class=\"span2\"><h4>测试电驴</h4></td>\n" +
                             "                    <td><h4><a style=\"float: left\" target=\"_blank\" href=" + url+ ">${movie.movieName}</a></h4></td>\n" +
                             "                </tr>");

这就让我很郁闷了,换一个href 文字就跑到外面去了

Answer 1

href值中有" 导致截断了，你插入的时候对"做下转义。如：

<a href="https://www.baidu.com?s=什么是\"">Click me</a>