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


Posted in Javascript onFebruary 14, 2017

通常,在使用 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 触发事件传参字符转义的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Javascript 获取字符串字节数的多种方法
Jun 02 Javascript
jquery 防止表单重复提交代码
Jan 21 Javascript
jquery nth-child()选择器的简单应用
Jul 10 Javascript
javascript 45种缓动效果 非常酷
Jun 28 Javascript
js防止表单重复提交实现代码
Sep 05 Javascript
通过一段代码简单说js中的this的使用
Jul 23 Javascript
JS 两个字符串时间的天数差计算
Aug 25 Javascript
详解JavaScript中Date.UTC()方法的使用
Jun 12 Javascript
jQuery实现文本框邮箱输入自动补全效果
Nov 17 Javascript
简单总结JavaScript中的String字符串类型
May 26 Javascript
Bootstrap CSS组件之分页(pagination)和翻页(pager)
Dec 17 Javascript
node.js通过Sequelize 连接MySQL的方法
Dec 28 Javascript
jquery 仿锚点跳转到页面指定位置的实例
Feb 14 #Javascript
js replace()去除代码中空格的实例
Feb 14 #Javascript
在js代码拼接dom对象到页面上去的模板总结(必看)
Feb 14 #Javascript
jquery封装插件时匿名函数形参和实参的写法解释
Feb 14 #Javascript
js实现数组去重方法及效率?Ρ? target=
Feb 14 #Javascript
jQuery实现Table表格隔行变色及高亮显示当前选择行效果示例
Feb 14 #Javascript
微信小程序小组件 基于Canvas实现直播点赞气泡效果
May 29 #Javascript
You might like
关于js与php互相传值的介绍
2013/06/25 PHP
利用switch语句进行多选一判断的实例代码
2016/11/14 PHP
Gambit vs ForZe BO3 第三场 2.13
2021/03/10 DOTA
Array.slice()与Array.splice()的返回值类型
2006/10/09 Javascript
统计jQuery中各字符串出现次数的工具
2012/05/03 Javascript
javascript数组去重3种方法的性能测试与比较
2013/03/26 Javascript
使用js写的一个简易的投票
2013/11/27 Javascript
Java/JS获取flash高宽的具体方法
2013/12/27 Javascript
jquery attr方法获取input的checked属性问题
2014/05/26 Javascript
JavaScript DOM操作表格及样式
2015/04/13 Javascript
javascript实时获取鼠标坐标值并显示的方法
2015/04/30 Javascript
基于JavaScript代码实现随机漂浮图片广告
2016/01/05 Javascript
Bootstrap每天必学之导航组件
2016/04/25 Javascript
js代码实现下拉菜单【推荐】
2016/12/15 Javascript
Vuex提升学习篇
2018/01/11 Javascript
详解Vue开发微信H5微信分享签名失败问题解决方案
2018/08/09 Javascript
JavaScript 对引擎、运行时、调用堆栈的概述理解
2018/10/22 Javascript
JavaScript对象原型链原理详解
2020/02/05 Javascript
[06:09]辉夜杯主赛事开幕式
2015/12/25 DOTA
Python实现爬取逐浪小说的方法
2015/07/07 Python
Python如何实现强制数据类型转换
2019/11/22 Python
解析python 类方法、对象方法、静态方法
2020/08/15 Python
5款实用的python 工具推荐
2020/10/13 Python
详解Python中openpyxl模块基本用法
2021/02/23 Python
StubHub智利:购买和出售您的门票
2016/11/23 全球购物
介绍一下HDLC(High-Level Data Link Control)高层数据链路协议
2012/01/21 面试题
员工自我鉴定
2013/10/09 职场文书
应届生妇产科护士求职信
2013/10/27 职场文书
餐厅总经理岗位职责
2013/12/31 职场文书
2014年元旦活动方案
2014/02/15 职场文书
年终工作总结范文2014
2014/11/27 职场文书
世界地球日活动总结
2015/02/09 职场文书
三八红旗手主要事迹材料
2015/11/04 职场文书
2016年学校党支部公开承诺书
2016/03/25 职场文书
导游词之南京中山陵
2019/11/27 职场文书
CentOS 7安装mysql5.7使用XtraBackUp备份工具命令详解
2022/04/12 MySQL