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 相关文章推荐
js简单实现删除记录时的提示效果
Dec 05 Javascript
jquery实现预览提交的表单代码分享
May 21 Javascript
Node.js中安全调用系统命令的方法(避免注入安全漏洞)
Dec 05 Javascript
JS限制条件补全问题实例分析
Dec 16 Javascript
详解微信小程序 template添加绑定事件
Jun 23 Javascript
Vue2.0中集成UEditor富文本编辑器的方法
Mar 03 Javascript
JS简单获取并修改input文本框内容的方法示例
Apr 08 Javascript
JS实现图片旋转动画效果封装与使用示例
Jul 09 Javascript
详解如何在webpack中做预渲染降低首屏空白时间
Aug 22 Javascript
微信小程序实现图片滚动效果示例
Dec 05 Javascript
angular6的table组件开发的实现示例
Dec 26 Javascript
Vue+ElementUI使用vue-pdf实现预览功能
Nov 26 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
SONY SRF-40W电路分析
2021/03/02 无线电
解析CodeIgniter自定义配置文件
2013/06/18 PHP
PDO预处理语句PDOStatement对象使用总结
2014/11/20 PHP
php中通过eval实现字符串格式的计算公式
2017/03/18 PHP
PHP For循环字母A-Z当超过26个字母时输出AA,AB,AC
2020/02/16 PHP
PhpStorm2020 + phpstudyV8 +XDebug的教程详解
2020/09/17 PHP
javascript import css实例代码
2008/07/18 Javascript
jQuery jqgrid 对含特殊字符json 数据的 Java 处理方法
2011/01/01 Javascript
QQ空间顶部折页撕开效果示例代码
2014/06/15 Javascript
js实现的简单radio背景颜色选择器代码
2015/08/18 Javascript
javascript适合移动端的日期时间拾取器
2015/11/10 Javascript
JS图片定时翻滚效果实现方法
2016/06/21 Javascript
详解微信小程序 wx.uploadFile 的编码坑
2017/01/23 Javascript
浅谈在koa2中实现页面渲染的全局数据
2017/10/09 Javascript
详解vue项目打包后通过百度的BAE发布到网上的流程
2018/03/05 Javascript
js正则表达式校验指定字符串的方法
2018/07/23 Javascript
深入浅出理解JavaScript高级定时器原理与用法
2018/08/02 Javascript
分享5个好用的javascript文件上传插件
2018/09/16 Javascript
移动端H5页面返回并刷新页面(BFcache)的方法
2018/11/06 Javascript
微信运维交互机器人的示例代码
2018/11/12 Javascript
JavaScript定时器设置、使用与倒计时案例详解
2019/07/08 Javascript
Node.js API详解之 vm模块用法实例分析
2020/05/27 Javascript
vue 表单输入框不支持focus及blur事件的解决方案
2020/11/17 Vue.js
python实现堆和索引堆的代码示例
2018/03/19 Python
TensorFlow实现模型评估
2018/09/07 Python
Python字符串逆序输出的实例讲解
2019/02/16 Python
PyQt5根据控件Id获取控件对象的方法
2019/06/25 Python
Python何时应该使用Lambda函数
2019/07/02 Python
Python进程Multiprocessing模块原理解析
2020/02/28 Python
浅谈html5 video 移动端填坑记
2018/01/15 HTML / CSS
英国领先的办公用品供应商:Viking
2016/08/01 全球购物
extern是什么意思
2016/03/10 面试题
linux面试题参考答案(5)
2014/09/01 面试题
寒假安全保证书
2015/02/28 职场文书
浅谈JS和Nodejs中的事件驱动
2021/05/05 NodeJs
WIN10使用IIS部署ftp服务器详细教程
2022/08/05 Servers