文档章节

HTML转义工具 [Javascript版]

G
 Galanodel
发布于 2017/05/05 09:34
字数 155
阅读 14
收藏 0

有时候需要在HTML中显示一些带有特殊字符的文本( < > & 空格) ,这时候就要用到HTML转义。

有了这个工具在博客发布HTML代码的时候就很方便了。

<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>HTML转义</title>
</head>
<body>
	<form>
		<textArea style="width: 500px; height: 100px;" id="param"></textArea>
		<br> <input type="button" value="encodeHTML"
			onclick="javascript:var div = document.createElement('div');div.innerText = window.document.getElementById('param').value + '';window.document.getElementById('result').value = (div.innerHTML+'').replace(/(\<br\>)/g,'\n');" style="width: 90;"> <input
			type="button" value="decodeHTML" onclick="javascript:var div = document.createElement('div');div.innerHTML = window.document.getElementById('param').value + '';window.document.getElementById('result').value = div.innerText;" style="width: 90;"><br>
		<textArea style="width: 500px; height: 100px;" id="result"></textArea>
		<br>
	</form>
</body>
</html>


 

© 著作权归作者所有

G
粉丝 2
博文 72
码字总数 49356
作品 0
海淀
高级程序员
私信 提问
Spring 的优秀工具类(2):特殊字符转义和方法入参检测工具类

特殊字符转义 由于 Web 应用程序需要联合使用到多种语言,每种语言都包含一些特殊的字符,对于动态语言或标签式的语言而言,如果需要动态构造语言的内容时,一个我们经常会碰到的问题就是特殊...

采女孩的小蘑菇1
2014/03/31
0
1
js、html中的单引号、双引号及其转义使用

js、html中的单引号、双引号及其转义使用(转) 收藏 在js中对相关字符做判断或取值的时候很多情况下都会用到这些,也是我刚刚遇到的问题,通过参考下面的这篇文章,一切都解决了,摘抄下来做个...

wumingyue
2012/11/14
0
0
webpack - babel 篇

前言 基于我的上篇文章,webpack4.0 入门篇 - 构建前端开发的基本环境,补充对进行的一次探究。上篇文章讲叙到的 时几乎一笔带过,所以这篇文章将进行补充说明. Babel 是一个让我们能够使用 ...

gershonv
2018/11/28
0
0
关于在js、html中的单双引号的问题汇总(引用)

单引号,双引号,javascript,HTML,转义字符 在一个网页中的按钮,写onclick事件的处理代码,不小心写成如下: <input value="Test" type="button" onclick="alert(""OK"");" /> IE提示出错后,......

battier
2011/08/26
0
0
前端安全系列(一):如何防止XSS攻击?

随着互联网的高速发展,信息安全问题已经成为企业最为关注的焦点之一,而前端又是引发企业安全问题的高危据点。在移动互联网时代,前端人员除了传统的 XSS、CSRF 等安全问题之外,又时常遭遇...

jaren78
2018/10/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

centos7 新手阿里云服务器安装mongodb

简介 MongoDB 是一个基于分布式 文件存储的NoSQL数据库 由C++语言编写,运行稳定,性能高 旨在为 WEB 应用提供可扩展的高性能数据存储解决方案 MongoDB特点 模式自由 :可以把不同结构的文档存...

醉雨
19分钟前
1
0
sql注入漏洞,应屏蔽SQL注入攻击

注:SQL注入好比是前端URL传参数请求时参数以SQL 做为参数传入,如 select 1 from dual where 1=1 or 1=1 and 1=2;(类似这样的SQL语句) 防御方法 如果自己编写防注代码,一般是先定义一个函...

颜丽
20分钟前
1
0
装饰者模式

 代理模式与装饰者模式看起来很像,都实现基础对象实现的接口,在其自身对象中都保存着对被代理/被装饰者的对象引用。   先来看看装饰者模式的定义:动态的将责任附加到被装饰者对象上,用...

铁骨铮铮
24分钟前
0
0
我为什么飞行 10000 公里去西班牙参加 KubeCon?

2019 年 5 月 20 日至 23 日, 由 Cloud Native Computing Foundation (CNCF) 主办的云原生技术大会 KubeCon + CloudNativeCon EU(欧洲场)即将在热情洋溢的巴塞罗那盛装启幕。 作为云计算领...

zhaowei121
42分钟前
0
0
Node.getTextContent() not found 解决办法【不需要调整builder path下面包顺序】

新导入的工程,w3c的getTextContent找不到,response的setCharacterEncoding找不到,网上很多教程都是“调整工程builder path的lib包顺序把jre、tomcat调到上面即可”,但是进入项目的build...

嘿嘿嘿IT
49分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部