Html多个引号重叠使用冲突解决办法

前端笔记 html js 2019-07-29

Html多个引号重叠使用冲突解决办法.jpg

今天写个按钮,传递参数时,遇到个障碍,代码如下

<a onclick="insertAtCursor('[btn url=""][/btn]');">按钮</a>

url="" 中的引号,会导致解释错误,正常来说遇到引号冲突都是加 / 解决,然而并不适合这种情况。

解决方法

用html实体字符替换掉冲突引号, " 换成 &quot; 即可如

<a onclick="insertAtCursor('[btn url=&quot;&quot;][/btn]');">按钮</a>

如果是但引号冲突, ' 换成 &apos; 即可,ie 好像不支持建议使用数字形式的如 &#39;

什么是html实体字符?

实体字符是 html 预留的一些字符,因为在 html 语法中有些你想输出符合会被浏览器判定为标签进行渲染,所以为了避免这种情况,就有了实体标签。

比如有的时候你在 html 中使用了很多空格,但是html渲染出来就只有一个有效空格,这时候就可以用空格的实体字符 &nbsp; 解决,还有个实际用途,比如在 markdown 编辑器下,两个空格可能会被识别成markdown语法,那么你想段前空两格就可以放两个 &nbsp;&nbsp;

引用实体字符,可以引用实体字符的字符名字,如 &apos; ,也可以引用实体编号如 &#39; ,实体编号各个浏览器兼容比较好,但是不利于记忆。

更多实体字符可以参考w3c https://www.w3school.com.cn/tags/html_ref_entities.html

4条评论

    晨曦啊

    前来膜拜泽泽大佬

    游客 Windows10 81天前回复

      泽泽社长
      @晨曦啊

      给你小花花

      作者 Windows7 81天前回复

    vultr

    全新改版?

    游客 Windows8.1 82天前回复

      泽泽社长
      @vultr

      换了套新模板

      作者 Windows7 82天前回复

智能推荐
小编
泽泽社长

更多Ta的文章

谷歌推荐
Pixiv每日榜Top50