当前位置:首页 > 日记 > 正文

js 动态生成html 触发事件传参字符转义的实例

js 动态生成html 触发事件传参字符转义的实例

通常,在使用 JS 动态生成 html 的过程中,会嵌入相应的样式、事件等属性元素,而这时经常会出现所谓的 “单、双引号不够用” 的情况,别急,这时可以利用 html 语言中的转义字符来解决。

下面就来介绍一下相应的转义字符吧:

& —— (ampersand) 转义字符对应为   &

“   —— (double quote) 双引号,转义字符对应为  "

'  —— (single quote)单引号,转义字符对应为  '

<  —— (less than) 小于号,转义字符对应为   <

>  —— (greater than) 大于号,转义字符对应为  >

例如,在 js 中:

var html = "<div onclick='orderIt('"+food.picture+"')'>点击它</div>";

则对应生成的 html 就为:

<div onclick=”orderIt('price')">点击它</div>

以上这篇js 动态生成html 触发事件传参字符转义的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

相关文章

Angular2中select用法之设置默认值

Angular2中select用法之设置默认值

事件,设置,默认值,详解,电脑软件,本文主要给大家介绍了Angular2中select用法之设置默认值与事件的相关内容,分享出来供大家参考学习,下面来看看详细的介绍:一、设置默认值: 现在有三个学生小明,小红,小黑,对双向绑定的student设置你想要的select值…

word怎么设置无法复制粘贴word无法

word怎么设置无法复制粘贴word无法

复制粘贴,设置,方法,步骤,电脑软件,  自己写好的word内容为了保护,我们可以拒绝复制粘贴的哦,那么下面就由小编给大家分享下word设置无法复制粘贴的技巧,希望能帮助到您。word设置无法复制粘贴的步骤步骤一:打开word文档,例如这篇文章段落。wo…

ps怎么合成美女站在车上的效果?

ps怎么合成美女站在车上的效果?

车上,站在,效果,美女,电脑软件,今天我们主要介绍关于ps合成相关的知识,下面是一个简单的合成例子,效果如下图。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11-041、收集所用到的素材2、新建:图像大小设置为2…

js中数组插入、删除元素操作的方法

js中数组插入、删除元素操作的方法

操作,数组,删除元素,方法,电脑软件,实例如下:/* * 删除数组元素:Array.removeArr(index) */ Array.prototype.removeArr = function (index) { if (isNaN(index) || index>= this.length) { return false; } this.splice(index, 1)…

详解bootstrap用dropdown-menu实现

详解bootstrap用dropdown-menu实现

上下文菜单,详解,电脑软件,dropdown,bootstrap,详解bootstrap用dropdown-menu实现上下文菜单写在前面: 所谓上下文菜单,它与一般菜单的区别在于: 通过右键触发显示在鼠标右键点击处 鼠标在别处点击后,该菜单消失 实现方法: 在html中定义一个普通…

Vue.js实战之通过监听滚动事件实现

Vue.js实战之通过监听滚动事件实现

动态,实战,事件,锚点,电脑软件,前言前几天工作中在做项目的时候,需要实现一个动态锚点的效果,具体效果如下:如果是传统项目,这个效果就非常简单。但是放到 Vue 中,就有两大难题: 1. 在没有 jQuery 的 animate() 方法的情况下,如何实现平滑滚…

Easyui Tree获取当前选择节点的所

Easyui Tree获取当前选择节点的所

节点,父节点,选择,电脑软件,Easyui,只支持四层目录结构,比较笨的一个方法JS代码var node = $('#tree').tree('getSelected'); //获取该节点所有父节点 var parentAll = node.text; var flag = ">>"; …

在Word文档中标题前面的点如何去掉

在Word文档中标题前面的点如何去掉

文档,标题,电脑软件,Word,  给 Word 文档使用标题,前面总要出现一个小黑点,这是 Word标题的默认设置。如果不想要这个小黑点,能否把它去掉?以下是小编为您带来的关于Word标题前面的点去掉,希望对您有所帮助。Word标题前面的点去掉一、Word标…

Word中2013版进行从某页开始设置页

Word中2013版进行从某页开始设置页

设置,操作技巧,页码,操作步骤,电脑软件,  关于最新版本的office 2013,其实所有的使用教程在软件中就有,就是&ldquo;帮助&rdquo;选项,只不过我们使用的少而已。今天,小编就教大家在Word中2013版进行从某页开始设置页码的操作技巧。Word中2013…

ppt剪除图形的教程方法是什么

ppt剪除图形的教程方法是什么

图形,教程,方法,电脑软件,ppt,  ppt剪除图形,ppt中想要用一个图形剪去另一个图形得到一个新的图形,该怎么操作呢?这就需要使用ppt形状减除功能实现。以下是小编为您带来的关于ppt剪除图形的教程,希望对您有所帮助。ppt剪除图形的教程1、新建…

easy ui datagrid 从编辑框中获取

easy ui datagrid 从编辑框中获取

方法,获取值,框中,编辑,电脑软件,如下所示:var editors = $('datagrid的id').datagrid('getEditors', rowIndex); //rowIndex 行编号,从0算起console.info(editors[0].target.val());以上这篇easy ui datagrid 从编辑框中获取值的方法就…

认识jQuery的Promise的具体使用方

认识jQuery的Promise的具体使用方

使用方法,电脑软件,jQuery,Promise,先前了解了ES6的Promise对象,来看看jQuery中的Promise,也就是jQuery的Deferred对象。打开浏览器的控制台先。<script> var defer = $.Deferred(); console.log(defer);</script>运行结果: 和ES6的Promise…