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

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

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

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

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

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

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

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

例如,在 js 中:

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

则对应生成的 html 就为:

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

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

时间: 2017-02-11

Javascript 八进制转义字符(8进制)

摸索过程中,看见这样的字符:"\155",用来代替字符"m".为什么?....完全不知道原因,整个人顿时慌了!可别说自己4年的经验了!"\155"和"m"是全等的,到现在,2011年了我才知道,深感惭愧! 对于字符转义,常见的大概如下: "\u5230" ==> "到" "\t" ==> horizontal tab "\u0009"

转义字符(\)对JavaScript中JSON.parse的影响概述

按照ECMA262第五版中的解释,JSON是一个提供了stringify和parse方法的内置对象,前者用于将js对象转化为符合json标准的字符串,后者将符合json标准的字符串转化为js对象.json标准参考<a href="http://json.org/" target="_blank">json.org</a>.(其实将符合json标准的字符串转化为js对象可以用eval,但是eval性能相对差且存在安全隐患(会执行json字符串中

javascript asp教程第二课--转义字符

并非是题外话:我们在第二课中要讲到的"转义字符"看起来与我们的课程并没有关系.事实并非如此.转义字符是在 asp中使用javascript的一个完整部分.而第二课要讲的恰恰就是转义字符.没有转义字符,那么你为了 写出有效率的asp脚本将会遇到许多的困难.抱歉,下面进入正题:以下是第二课的asp脚本.还记不记得在第一课的列子中,我们怎样编写了一个html输出都在同一行的代码.转义字符允许我们增加 换行符号.下面是我们上边例子在客户端html输出页面的代码:换行符:我又在下面重新打了一行a

js转义字符介绍

"<" 转义 :"<" ">" 转义 :">"

通过隐藏iframe实现文件下载的js方法介绍

通过隐藏iframe实现文件下载的js方法介绍 复制代码 代码如下: <script> function download(){   //下载文件的地址   var url="http://music.baidu.com/data/music/file?link=http://zhangmenshiting.baidu.com/data2/music/13618994/13618995183600128.mp3?xcode=48d4a720fcd9a974586066d0145f72

JS 对象介绍

JavaScript is an Object Oriented Programming (OOP) language. JS是面向对象的编程语言(面向对象). (这里是基于对象还是面向对象大家可以搜索下)An OOP language allows you to define your own objects and make your own variable types. OOP语言可以让你自定义对象和变量类型. --------------------------------------

二维码图片生成器QRCode.js简单介绍

QRCode.js是一个实现生成二维码(QRCode)的js插件. QRCode.js有着良好的跨浏览器兼容性(高版本使用HTML5的 Canvas,低版本IE使用table元素绘制),而且QRCode.js没有任何依赖.只需要引用一个QRCode.js. 1.引入qrcode.js <script src="qrcode.js" type="text/javascript"></script> 2.HTML代码 <div id=&qu

js 转义字符及URI编码详解

URL中的转义字符 当URL的参数中出现诸如+,空格,/,?,%,#,&,=等特殊字符串符号时,因为上述字符有特殊含义,导致服务器端无法正确解析参数,如何处理?解决办法:将这些字符转化成服务器可以识别的字符. 如果要在URL中传递特殊符号的原本意义,要对他们进行编码.编码的格式为:%加字符的ASCII码(16进制),例如空格的编码值是"%20". URL中特殊符号的用途及普通意义的编码 + URL 中+号表示空格 %2B 空格 URL中的空格可以用+号或者编码 %20 / 分隔

javascript学习笔记(十三) js闭包介绍(转)

一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域无非就是两种:全局变量和局部变量. Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量. 复制代码 代码如下: var n=999; function f1(){ alert(n); } f1(); // 999 另一方面,在函数外部自然无法读取函数内的局部变量. 复制代码 代码如下: function f1(){ var n=999; } alert(n); // error 这里

jquery.cookie.js的介绍与使用方法

什么是 cookie? cookie 就是页面用来保存信息,比如自动登录.记住用户名等等. cookie 的特点 同个网站中所有的页面共享一套 cookie cookie 有数量.大小限制 cookie 有过期时间jquery.cookie.js 是一款轻量级的 cookie 插件,可以读取,写入和删除 cookie.本文主要针对 jquery.cookie.js 的用法进行详细的介绍. 使用方法: 设置 cookie: $.cookie('the_cookie', 'the_value');

require.js深入了解 require.js特性介绍

现在,Require.js是我最喜欢的Javascript编程方式.它可以使代码化整为零,并易于管理.而Require.js Optimizer能帮助我们将一个较大的应用分散成多个较小的应用,并通过依赖串联起来,最后在编译打包时合并起来.这些原因促使我们使用require.js. 那么,让我们来看看require.js有什么牛逼的特性吧! 与CommonJS兼容 AMD (异步模块定义规范) 出现自CommonJS工作组.CommonJS旨在创造Javascript的生态系统. CommonJS

Web Inspector:关于在 Sublime Text 中调试Js的介绍

Sublime Text 是一款非常优秀的跨平台编辑器,拥有漂亮的用户界面和强大的功能,例如代码缩略图,多重选择,快捷命令等.还可自定义键绑定,菜单和工具栏.Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API ,Goto 功能,即时项目切换,多选择,多窗口等等. 另外,Sublime Text 插件众多,通过包管理工具可以方便安装和管理.本文介绍的 Sublime Web Inspector 便是众多插件中一款非常出色的开发辅助插件,可以帮助 Web 开发人员

java中的转义字符介绍

java中的转义字符有四种: JAVA中转义字符: 1.八进制转义序列: + 1到3位5数字:范围'00'~'377':空字符 2.Unicode转义字符:u + 四个十六进制数字:0~65535u0000:空字符 3.特殊字符:就3个":双引号':单引号\:反斜线 4.控制字符:5个 r 回车n 换行f 走纸换页t 横向跳格b 退格 使用这些转义字符的规则:普通的转义字符序列和八进制转义字符都比Unicode转义字符要好得多,因为与Unicode转义字符不同,转义字符序列是在程序被解析为各种符