%3c %3e 转换html,使用JavaScript将HTML转换为data：text / html链接

数据URI的特征

甲数据-URI与MIME类型text/html必须是在其中一种格式：

data:text/html,

data:text/html;charset=UTF-8,

不需要Base-64编码。如果您的代码包含非ASCII字符，例如éé，charset=UTF-8则必须添加。

以下字符必须转义：

#-Firefox和Opera将这个字符解释为哈希标记(如所示location.hash)。

%-此字符用于转义字符。转义此字符以确保没有副作用发生。

此外，如果要将代码嵌入锚标记中，还应转义以下字符：

" and/or ' -用引号标记属性的值。

& -与符号用于标记HTML实体。

也没有进行转义一个HTML属性中。但是，如果您要将链接嵌入HTML，则也应将其转义(%3C and %3E)

JavaScript实现

如果您不介意data-URI的大小，最简单的方法是使用encodeURIComponent：

var html = document.getElementById("html").innerHTML;

var dataURI = 'data:text/html,' + encodeURIComponent(html);

如果大小很重要，则最好去除所有连续的空格(除非HTML包含

element / style，否则可以安全地做到这一点)。然后，仅替换有效字符：

var html = document.getElementById("html").innerHTML;

html = html.replace(/\s{2,}/g, '') //

.replace(/%/g, '%25') //

.replace(/&/g, '%26') //

.replace(/#/g, '%23') //

.replace(/"/g, '%22') //

.replace(/'/g, '%27'); //

var dataURI = 'data:text/html;charset=UTF-8,' + html;

%3c %3e 转换html,使用JavaScript将HTML转换为data：text / html链接相关推荐

java%3c%3e符号,有趣的 JavaScript 格式转换
之前做文件上传和 canvas 修图时接触到几个格式,这里打算整理一下他们的关系 Blob 使用 input 获取文件时,你拿到的就是 file 对象,而 file 继承于 blob,所以直接讲比较陌 ...
%3c %3e 转换html,防止基本的XSS攻击滤掉HTML标签
/** *防止基本的XSS攻击滤掉HTML标签 *将HTML的特殊字符转换为了HTML实体htmlentities *将#和%转换为他们对应的实体符号 *加上了$length参数来限制提交的数据的最 ...
Angular Component TypeScript代码和最后转换生成的JavaScript代码比较
TypeScript代码使用@Component定义一个Component: @Component({selector: 'app-shipping',templateUrl: './shipping ...
十六进制转换html,如何使用JavaScript将十进制转换为十六进制？
JavaScript中有很多内置函数可以帮我们进行数(进)制转换.那么给定一个十进制数字,如何将数字从十进制转换为十六进制?下面本篇文章就来给大家介绍一个使用JavaScript将十进制转换为十六进制 ...
html把毫秒转换成年月日,如何使用JavaScript将毫秒转换为日期格式？
给定一串毫秒数,如何使用JavaScript将它们转换为日期格式?下面本篇文章就来给大家介绍一下使用JavaScript将毫秒转换为日期格式的方法,希望对大家有所帮助. 方法1: ● 首先声明变量ti ...
将JavaScript字符串全部转换为小写吗？
如何将JavaScript字符串值转换为所有小写字母? 示例:从"您的名字"到"您的名字" #1楼请注意,该功能仅适用于STRING对象. 例如,我正在使用一 ...
如何在JavaScript中将浮点数转换为整数？
我想在JavaScript中将浮点数转换为整数. 实际上,我想知道如何同时进行标准转换:截断和舍入. 而且有效,而不是通过转换为字符串和解析. #1楼按位或运算符可以使用按位或运算符截断浮点数,它 ...
编码 data:text/html;c,javascript中Data URI使用详解
Data URI,不是URL URL是uniform resource locator的缩写,在web中的每一个可访问资源都有一个URL地址,例如图片,HTML文件,js文件以及style sheet ...
unicode怎么转换成html,Vue将Unicode转换为HTML标记
我打电话给一个API,它返回一个Unicode字符串,如下所示.Vue将Unicode转换为HTML标记当我在视图中输出它时,它不会自动将这些字符转换为HTML进行渲染,但我认为Vue会将它视为字符 ...

%3c %3e 转换html,使用JavaScript将HTML转换为data：text / html链接

%3c %3e 转换html,使用JavaScript将HTML转换为data：text / html链接相关推荐

最新文章

热门文章