html符号转实体算法挑战

  发布时间:2020-03-04 16:34:44   作者:weixin_44790207   我要评论
这篇文章主要介绍了html符号转实体算法挑战的相关知识,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

挑战:

将字符串中的字符 &、<、>、" (双引号), 以及 ’ (单引号)转换为它们对应的 HTML 实体。

如果你被卡住了,记得开大招 Read-Search-Ask。尝试与他人交流编程思路、但编写你自己的代码。

例如:

           convert("Dolce & Gabbana") 应该返回 Dolce &​amp; Gabbana。
convert("Hamburgers < Pizza < Tacos") 应该返回 Hamburgers &​lt; Pizza &​lt; Tacos。  
            convert("Sixty > twelve") 应该返回 Sixty &​gt; twelve。
convert('Stuff in "quotation marks"') 应该返回 Stuff in &​quot;quotation marks&​quot;。
           convert("Shindler's List") 应该返回 Shindler&​apos;s List。
                        convert("<>") 应该返回 &​lt;&​gt;。
                 convert("abc") 应该返回 abc。

答案:

方法 描述
RegExp 是正则表达式(regular expression)的简写。
   
replace() 替换与正则表达式匹配的子串。
   
HTML 字符实体 HTML 中的预留字符必须被替换为字符实体。

function convert(str) {
 var list={
    "&":"&amp;",
    "<":"&lt;",
    ">":"&gt;",
    '"':"&quot;",
    "'":"&apos;",   
  };
  for(var key in list){
    str=str.replace(new RegExp(key,"g"),list[key]);
  }
  return str;
}

convert("Dolce & Gabbana");

运行结果:

Dolce & Gabbana

在线测试:

html符号转实体算法挑战 | w3cschool

总结

到此这篇关于html符号转实体算法挑战的文章就介绍到这了,更多相关html符号转实体内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!

相关文章

  • html父子页面iframe双向发消息的实现示例

    这篇文章主要介绍了html父子页面iframe双向发消息的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来
    2020-10-12
  • 在HTML里加载摄像头的方法

    这篇文章主要介绍了如何在HTML里加载摄像头,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-09-29
  • 详解html-webpack-plugin使用

    这篇文章主要介绍了html-webpack-plugin使用,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-09-15
  • html直接引用vue和element-ui的方法

    这篇文章主要介绍了html直接引用vue和element-ui的方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-09-02
  • 详解HTML中字体使用line-height依然不能垂直居中解决办法

    这篇文章主要介绍了详解HTML中字体使用line-height依然不能垂直居中解决办法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友
    2020-08-20
  • 前端html换肤功能的实现代码

    这篇文章主要介绍了前端html换肤功能的实现代码,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-08-20
  • 多个HTML页面共同调用一段html代码的方法

    这篇文章主要介绍了多个HTML页面共同调用一段html代码的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来
    2020-08-17
  • HTML中图片不存在显示默认图片的方法示例

    这篇文章主要介绍了HTML中图片不存在显示默认图片的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来
    2020-08-17
  • HTML table行距的改变方法示例

    这篇文章主要介绍了HTML table行距的改变方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学
    2020-07-31
  • HTML Table 空白单元格补全的实现方法

    这篇文章主要介绍了HTML Table 空白单元格补全的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一
    2020-07-31

最新评论