html特殊字符和js字符串标签单双引号嵌套

html特殊字符和js字符串标签单双引号嵌套

1.如何在html页面显示<…>标签内容

  1) 如下这种html会把< > 会被html当成标签解析

<h1><abc></h1>

  2) 解决方法1：如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体

<h1>&lt;abc&gt;</h1>

  3) 解决方法2：<xmp>和</xmp>

<h1><xmp><abc>     111</xmp></h1>

  4) 不能使用pre标签，pre 支持空格和换行

<h1><pre><abc></pre></h1>

2.HTML 中有用的字符实体(部分常用)

显示结果	描述	实体名称	实体编号
	空格	 	 
<	小于号	&lt;	&#60;
>	大于号	&gt;	&#62;
&	和号	&amp;	&#38;
"	双引号	&quot;	&#34;
’	单引号	&apos; (IE不支持)	&#39;

3.js字符串html标签单双引号嵌套

  单引号，双引号在字符串拼接的时候效果是一样的。只要满足单引号成双对应，双引号成双对应就行了，遇到单引号嵌套单引号的，双引号嵌套双引号的，js字符串html标签用字符实体
  例如var s = <a style='font-family:'宋体''></a>"" style里面又有font-family加单引号，就是单引号嵌套单引号，直接这些些会导致解析样式出问题
  解决方法：使用字符实体'

 var str =  "您使用的是IE浏览器，为了您的用户体验，请更换浏览器后访问。";
    var str2 = "推荐使用:<a href='https://www.baidu.com/s?ie=UTF-8&wd=%E8%B0%B7%E6%AD%8C%E6%B5%8F%E8%A7%88%E5%99%A8' target='_blank' style='color:#6495ED;font-family:&#39;宋体&#39;;'>谷歌浏览器</a>，"
    + "<a href='https://www.baidu.com/s?ie=UTF-8&wd=Microsoft%20Edge' target='_blank' style='color:#6495ED;font-family:&#39;宋体&#39;'>Microsoft Edge</a>"
    document.writeln("<pre style='text-align:center;color:#000;background-color:#FFF;height:100%;border:0;position:fixed;top:0;left:0;width:100%;z-index:1234'>" +
    "<h2 style='padding-top:200px;margin:0'><strong>" + str + "<br/></strong></h2><h2>" +
    str2 + "</pre>");
    document.execCommand("Stop");

4 js字符串单双引号嵌套(非html标签)

  单引号，双引号在字符串拼接的时候效果是一样的。只要满足单引号成双对应，双引号成双对应就行了，遇到单引号嵌套单引号的，双引号嵌套双引号的，使用转义

双引号：\"

单引号：\'

  案例：

    console.log("\"你也好\"");
    alert("\"你也好\"");
    //console.log(""你也好""); //error