当前位置: 首页 > 编程笔记 >

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

薛欣荣
2023-03-14
本文向大家介绍js 动态生成html 触发事件传参字符转义的实例,包括了js 动态生成html 触发事件传参字符转义的实例的使用技巧和注意事项,需要的朋友参考一下

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

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

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

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

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

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

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

例如,在 js 中:

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

则对应生成的 html 就为:

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

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

 类似资料:
  • 问题内容: 我正在尝试在JBoss AS6的后端服务中使用CDI事件-理想情况下具有最大的代码复用率。 我可以从文档中看到,通过使用带有成员的限定符,可以减少必须创建的限定符注释类,例如 我可以用 到现在为止还挺好。但是,为了进一步减少所需的类数,我想拥有一个EventFirer类,该类中抛出的事件的限定符是动态的。没有成员的限定词不是问题: 然后叫 但是,什么时候限定词应该有成员呢?查看Anno

  • 本文向大家介绍js动态添加onclick事件可传参数与不传参数,包括了js动态添加onclick事件可传参数与不传参数的使用技巧和注意事项,需要的朋友参考一下 1)当方法没有参数时,赋值可以直接用onclick = 方法名 2)当方法有参数时,用onclick = 方法名(参数)时就有错了,需要在方法名前面加function()

  • 我有一个弹出列表,建议搜索结果有点像在谷歌上搜索。我有2个事件监听器,应该显示和隐藏弹出窗口,如果你点击该地区。它适用于点击,但如果你试图用标签导航,它只会让它永远打开。 使用选项卡导航时,如何使focusout事件发生?

  • 本文向大家介绍JS代码触发事件代码实例,包括了JS代码触发事件代码实例的使用技巧和注意事项,需要的朋友参考一下 这篇文章主要介绍了js代码触发事件代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 问题内容: 我有一个用jQuery 方法动态生成的with : 包含一些输入元素,它们被加载到modal中。 使用jQuery的方法,我可以在事件触发后捕获输入值,但是当将元素动态添加到模式div时,当用户输入文本时事件不会触发。 哪种jQuery方法支持处理由动态创建的元素触发的事件? 用于创建新输入元素的代码为: 捕获用户值的代码是: 第二个代码块似乎适用于原始元素,但不会由新的动态生成的元素

  • 本文向大家介绍动态生成的DOM不会触发onclick事件的原因及解决方法,包括了动态生成的DOM不会触发onclick事件的原因及解决方法的使用技巧和注意事项,需要的朋友参考一下 最近朋友在做一个项目的时候,遇到动态加载微博内容,然后点击“展开评论”后获取该微博的所有评论。这里使用了动态加载的<span mid='123456789′ class='get_comment'>点击加载评论</spa