onClick的html 单引号+双引号：传参的转义问题

最新推荐文章于 2024-03-18 17:47:00 发布
最新推荐文章于 2024-03-18 17:47:00 发布
阅读量902 收藏 2
点赞数 1
分类专栏： HTML JS 文章标签： html javascript 前端
原文链接：https://blog.youkuaiyun.com/qq_28073073/article/details/94429095
版权

示例：

var data=“111”;

1.外部双引号：

var html="<div οnclick=\"showData(' " + data + " ')\">AAA</div>";

2.外部单引号：

var html='<div οnclick="showData(\' ' + data +' \')">AAA</div>';

注意点：需要用转义字符

Js参数值中含有单引号或双引号问题的解决方法
10-26
在这个例子中，我们使用了`onclick`事件，并在双引号前添加了反斜杠转义，同时保留了单引号的原始形式，这样就可以处理含有双引号的参数值。 但是，这种方法仍然有一些限制。例如，如果参数之间有空格，或者参数值...
javascript单引号和双引号的区别和处理
12-12
如果字符串中既包含单引号又包含双引号，你可以使用反斜杠（\）进行转义，如所示： ```javascript var str3 = "abc\"def\"ghi"; // 或者 var str4 = 'abc\'def\'ghi'; ``` 在HTML中，当字符串涉及到属性值，尤其是...
html 拼写onclick 事件，转义英文单引号和双引号 防止js报错
chenzhenguo
03-26 3664
使用js 拼html 页面 并添加上onclick   传参数 到前台，可能传的参数 会出现 带有英文双引号或单引号，就可能导致js出问题在网上找了很多转义的方法，都有点小问题，经过不懈的摸索。找到了解决的办法记录一下  并在后台拼htmlvar name = name.replace(/"/g, '\\&amp;quot;').replace(/'/g, '\\&amp;#039;'); //n...
onclick 传参，用转义符进行转义。
怪只怪满眼尽是人间烟火
05-25 1173
<a href='javascript:void(0);' onclick=\"locaClLayer(\'"+itme[i].id+"'\,\'"+itme[i].qhdm+"'\)\"><span class='glyphicon glyphicon-map-marker'></span></a>
html标签中onclick 嵌套单双引号及XSS的处理方法
liduanwh的博客
02-18 3525
onclick="updateCategory(event, '${fn:replace(fn:replace(e:forHtmlContent(item.key), "'", "\\'"), '"', '&amp;quot;')}');" item.key的内容为 test &lt;IMG SRC=# onmouseover="alert('test')"&gt; 注意几点 1. &am
JS混写HTML使用onclick传递参数引号的用法
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
05-20 694
一、直接传递参数的写法： var html = ""; html += "<a href=\"#\" οnclick=\"javascript:getMenu('营子社区');\"> <div id=\"area1\" class=\"area\">营子社区</div></a>"； getMenu(‘营子社区’)，直接写入值即可。 二、包含变量的函数参数的写法： var menuHtml = ""; menuHtml += "<div id=\"gh2
onClick 单引号+双引号：传参的转义问题
礼拜八的博客
07-02 5779
示例： var data="111"; 1.外部双引号： var html="<div onclick=\"showData(' " + data + " ')\">AAA</div>"; 2.外部单引号： var html='<div onclick="showData(\' ' + data +' \')">AAA</div>'; 注...
js中单引号与双引号冲突问题解决方法
10-26
在这个例子中，原本会导致冲突的外层双引号被单引号包围，而内层的单引号则被反斜杠转义，这样就可以保证代码的正确性，同时避免了引号冲突的问题。 2. 使用不同类型的引号来界定字符串 另一种避免引号冲突的方法是...
浅析Js中的单引号与双引号问题
10-26
在JavaScript编程中，单引号(')和双引号(")都是用来表示字符串的界定符号，基本上在大多数情况下可以互换使用。然而，它们之间的使用差异主要体现在字符串的嵌套和转义序列方面，尤其在与HTML结合使用时，正确的使用...
html a标签onclick方法传递动态参数
最新发布
weixin_41072238的博客
03-18 2296
html a标签onclick方法传递动态参数
onClick() 函数的单/双引号
weixin_34197488的博客
05-02 483
51节过去了，电脑也从家来拿来了。看看博客才发现已经很久没有更新了。每天的流量也是少的可怜。 看来还是要辛苦耕耘才有收获啊。 今天在做JS的时候遇到一个问题，抛出代码： <button a test!");"> Click Me </button> 但是当我点击按钮的时候，却没有反应。后来我干脆把它写成一个函数: function ...
onclick多个不同类型传参字符串转义
weixin_44131298的博客
01-13 234
\''+ item.warehouse+ '\'
使用 th:onclick传递多个参数
weixin_47142014的博客
05-23 1763
th:onclick="'myPreview1(\''+${bookinfo.id}+'\',\''+${bookinfo.bookname}+'\',\''+${bookinfo.author}+'\')'" 参数带有字符串需要单引号引注，单引号需转义 偶尔出现几个红可以忽略
html中JavaScript函数参数传递--传字符串
朽木屐拖
10-14 919
该小程序中，自定义函数参数传递为字符串格式时，下面自写3种方法： ①：采用this传递 ②：引号缺省 ③：转义字符（html中 &quot 代表"双引号，JScript中直接\" 和Java通用转义字符集） function pushbutton(arg){ alert("嗨！你好， "+arg); } ...
js html 单引号,JS 和 HTML 中的单引号与双引号
weixin_33784572的博客
06-04 1393
JS中的单引号与双引号HTML中的单引号与双引号很简单，就是两个字符实体：显示 描述 实体名称 实体编号" 双引号、引号 " "' 单引号、撇号 ' 'x1显示 描述 实体名称 实体编号2" 双引号、引号 " "3' 单引号、撇号 '...
vue加载html传参,Vue页面跳转时传参总结
weixin_33526515的博客
06-21 1222
1 路由跳转&圈是的编小久据直请结未屏屏会气机页实应高lt;router-link to="/login"&gt能调页代事求都学是功发解开宗这维视如间请前框来总在行回断元随来以4移和泉果;览页些求时是过解些这确如目前例总站回广随 插新，都次过是宗现制的前搭待个断前能绿和 跳转到 path:'/login'直分调浏器代，刚求的一学础过功互有解小久宗点差维含数如数 的页...
js的onclick字符串参数的解决办法
热门推荐
Enable1234___的专栏
10-23 1万+
因为对前端不是很懂，但是开发Web时还是需要使用公司的前端框架，今天遇到一个问题，就是onclick方法传递字符串的问题，解决办法如下； 编辑"
页面中onclick事件引号问题
weixin_30904593的博客
07-17 728
第一种：html中onclick调用事件 <p id="txt" onclick="changeSize()">加括弧的changeSize()</p> 必须加引号 第二种：js中onclick调用事件 document.getElementById("txt").onclick = changeSize; 必须不加引号 第三种：js中动态生成html中oncl...
onclick转译
boboxu
09-12 236
  {         field: '',         width:'80px',         title: '操作',         align: 'center',         formatter: function(value, row, index){         var str = ""         str += '&lt;a onclick="playVideo...
js中单引号和双引号有什么全部
05-25
在 JavaScript 中，单引号和双引号都可以用来创建字符串，它们的作用是相同的。使用单引号或双引号的主要区别在于： 1. 双引号内部可以包含单引号，而不需要转义，反之亦然。 ``` var str1 = "It's a beautiful day!"; var str2 = 'He said, "Hello!"'; ``` 2. 如果字符串本身包含双引号和单引号，可以使用转义字符 `\` 来表示。 ``` var str3 = "She said, \"I'm fine.\""; var str4 = 'It\'s a "beautiful" day!'; ``` 3. 在 HTML 中使用 JavaScript 时，建议使用双引号包裹 HTML 属性值，因为 HTML 属性值必须使用双引号。 ``` <button onclick="alert('Hello!')">Click me</button> ``` 总之，单引号和双引号在大多数情况下是等价的，没有绝对的优劣之分，可以根据个人喜好和具体情况选择使用哪种。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值