html符号转实体算法挑战

所属分类: 网页制作 / HTML/Xhtml 阅读数: 1465
收藏 0 赞 0 分享

挑战:

将字符串中的字符 &、<、>、" (双引号), 以及 ’ (单引号)转换为它们对应的 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符号转实体内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!

更多精彩内容其他人还在看

移动 web 端屏幕适配(rem)

这篇文章主要介绍了移动 web 端屏幕适配(rem)。详细的介绍了移动 web 端屏幕适配(rem),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

详解前端在html页面之间传递参数的方法

这篇文章主要介绍了详解前端在html页面之间传递参数的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

html form表单input使用disabled后提交不能获取表单值的解决方法

这篇文章主要介绍了html form表单input使用disabled后提交不能获取表单值的解决方法,需要的朋友可以参考下
收藏 0 赞 0 分享

DIV的失去焦点(blur)实现方法

这篇文章主要介绍了DIV的失去焦点(blur)实现方法,用防抖实现DIV鼠标移出消失,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

详解HTML onfocus获得焦点和onblur失去焦点事件

这篇文章主要介绍了详解HTML onfocus获得焦点和onblur失去焦点事件的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

HTML中两个tabs导航冲突问题的解决方法

这篇文章主要介绍了HTML中两个tabs导航冲突问题的解决方法,需要的朋友参考下吧
收藏 0 赞 0 分享

详解html中 position属性用法(四种)

这篇文章主要介绍了html中 position用法,文中逐一给大家介绍了position的四个属性值,感兴趣的朋友跟随小编一起看看吧
收藏 0 赞 0 分享

详解左右宽度固定中间自适应html布局解决方案

这篇文章主要介绍了详解左右宽度固定中间自适应html布局解决方案的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

详解 html area标签

area 元素总是嵌套在 <map> 标签中。本文重点给大家介绍html area标签的相关知识,需要的朋友参考下吧
收藏 0 赞 0 分享

HTML高亮关键字的完美解决方案

最近项目做晕头,一个接一个,其中遇到这样的一个功能,在网页中高亮关键字的实现方法,下面小编把实现代码及解决方案分享给大家,感兴趣的的朋友跟随小编一起看看吧
收藏 0 赞 0 分享
查看更多