js onclick函数中传字符串参数的问题

最新推荐文章于 2025-06-15 13:46:42 发布

转载最新推荐文章于 2025-06-15 13:46:42 发布 · 3.4k 阅读

前端专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种特殊的字符串处理规则，即如何在外层和内层使用不同类型的引号来包围字符串，并展示了如何在JavaScript中正确使用转义字符来处理这些情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转自：http://blog.youkuaiyun.com/mggwct/article/details/52182177

规则：

外变是“”，里面就是‘’外边是‘’，里边就是“”

示例：

var a="111";

var html="<a onclick='selecthoods(\" "+a + "\"); >AAA</a>";

注意点：需要用转义字符

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小阿哲

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

react学习教程3|组件通信，props,context,render,子传父，兄弟组件实现，children,函数组件，props校验，兄弟组件，父传子子传父实现

VAN

04-22

360

了解为什么需要组件通信组件是独立且封闭的单元，默认情况下组件组件化开发的过程中，完整的功能会拆分多个组件，在这个过程中不可避免的需要互相传递一些数据为了能让各组件之间可以进行互相沟通，数据传递，这个过程就是组件通信。

【前端篇】html、css、JavaScript、vue基础知识

weixin_39335999的博客

12-22

1132

本文主要介绍测试开发所需学习的html、css、JavaScript、vue基础知识

参与评论您还未登录，请先登录后发表或查看评论

关于js中onclick字符串传参问题

weixin_34313182的博客

11-07

736

规则：外变是“”，里面就是‘’外边是‘’，里边就是“” 示例： var a="111"; var html="<a onclick='selecthoods(\" "+a + "\"); >AAA</a>"; 注意点：需要用转义字符 ...

js onclick 传递字符串类型的参数（js 拼接html 的几种方式，传递数组出现 [object,object]）

a123123sdf的博客

03-16

7933

js onclick传递字符类型的参数，报not defined；

JavaScript 函数参数

最新发布

likuoelie的博客

06-15

1055

JavaScript 函数参数是函数定义和调用时传递的数据，用于使函数更灵活和可复用。它们可以是任何类型，数量可以少于、等于或多于定义的数量。JavaScript 函数参数提供了强大的灵活性，支持按值和按引用传递，默认参数和剩余参数（ES6）简化了参数处理，arguments对象则适合处理不定数量参数。通过合理使用这些特性，可以编写更健壮和可维护的代码。

js中onclick字符串传参问题

那个小学生的博客

08-09

817

js中onclick字符串传参 var s="VA视频分析要求及注意事项"; var str="<li onclick='searchList( "+s + "); >点击</li>"; function searchList(s){ console.log(s) } 报以下参数错误：因为传值为字符串，需要用转义字符 " " 外变是“”，里面就是‘’外边是‘’，里...

记录在JS的onclick事件中传入字符串类型的参数小问题

从零开始的异世界JAVA学习

01-13

715

在做某个练习时,这次删除调用的函数需要传递几个参数; 没注意到我这里传递的第三个参数是字符串; 就一直点啊点,它就是报错; 这里传参的时候注意;字符串类型的参数需要转义; str += "<a href='javaScript:void(0)' οnclick='toDelete(" + res.data[i].id+","+ res.data[i].writerId+",\""+res.data[i].title+"\")'>删除</a>"; ...

android studio参数传递实验,Android Studio开发基础之Activity之间参数传递

weixin_29190573的博客

05-27

848

一、简单数值传递1、MainActivityprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);findViewById(R.id.button1).setOnClickListener(new Vi...

js传递对象报uncaught SyntaxError:Unexpected identifier

coder1998的博客

06-24

1423

问题：js传递对象报uncaught SyntaxError:Unexpected identifier 这个错误因为 js在处理onclick事件的时候会变成onclick（[object Object]），导致无法传递对应的onclick方法中解决版本：先把对象转换成JSON对象通过JSON.stringify,在把对象里面的双引号替换成单引号如下代码： let productJsonStr = JSON.stringify(product).replace(/"\"/g,"'") te

详解Dialog(三)——自定义对话框视图及参数传递

热门推荐

启舰

01-14

3万+

前言：这篇文章是有关对话框的最后一篇了，最近工作是很忙，不过闲下来的时候也不想写博客，估计是累过头了，还好以前定了个任务，每个月必须写四篇，这才强制自己去一直更新，马总说过，梦想这东西还是要有的，万一实现了呢，趁在阿里的两年，努力！相关文章： 1、《详解Dialog（一）——基础元素构建》 2、《详解Dialog(二)——有关列表的构建》 3、《详解Dialog(三)——自定义对话框视...

行内onclick使用遇坑--------作用域与传入字符串

weixin_30768175的博客

12-23

207

问题一：行内onclick触发的函数放在$(funtion(){})内报错，错误代码如下： 1 <input type="button" value="确定" onclick="say()"> 2 <script> 3 $(function(){ 4 function say(){ 5 ...

js onClick事件传参在字符串中的写法

屌丝女quanlanlan的博客

07-22

2179

例如：给img标签中onclick事件传递参数。//给img标签中，onclick点击事件openImg方法传递参数svar imgStr = '<img width="25px" height="25px" onclick="openImg(\''+s+'\')" style="cursor:pointer;" src="'+s+'"/>';//需要传递参数的方法 function openImg

模板字符串onclick方法传变量

大石化鸟的博客

01-06

495

模板字符串onclick方法传变量

解决uniapp开发过程中view、image等标签出现诸如“类型{ class: string； }的参数不能赋给类型......”的问题

Lea_HQ的博客

11-02

7244

利用vueCompilerOptions配置项解决uniapp开发过程种view、image等原生标签出现的类型报错问题

HTML5标签点击事件方法：无法传递对象类型参数

sail的技术博客

05-23

2965

如下为onclick 事件，点击触发startTask 方法，其中有两个参数，task 和 type，如果我这里的task是对象类型的，会导致startTask（task，type）方法接收到的task为[object Object]，不能拿到数据。结论：HTML5标签点击事件方法之无法传递对象类型参数 "<div class='task_item box_vertical_center

【解决】th:onclick给js传string类型的值的问题

Antrn

10-19

1万+

最近一个月在做Springboot的项目，在编码过程中遇到了一个问题：在使用Thymeleaf模板时使用了th:onclick属性来调用JavaScript方法，其中涉及到传入后台发送的数据的功能，以便shu数据回显。然而我遇到了一个问题：当传入参数为数字的时候，可以正常传值，但是涉及到字符串的时候总是运行不通。去百度查出了好多网友的博客，解决问题也都是五花八门，都不能解决我的问题。需......

通过onclick函数实现JSP向JS传字符串

weixin_42650480的博客

09-01

1055

通过onclick函数实现JSP向JS传字符串 代码背景：昨天修改前端代码，需要在界面上弹出一个dialog中显示java对象的一个属性值。在jsp中可以直接以表格的形式输出对象item的 字符串属性值 applyGoal，但是实现点击弹出dialog 的 onclick函数写在js中，所以需要把值传过去。传值方法 onclick函数参数传值好的，代码开始： jsp代码： <td><a onclick="applygoal.chakan('${item.applyGoal}')

字符串标签添加onclick事件怎么传入对象参数

10-25

在JavaScript中，如果你想在HTML的字符串标签上添加`onclick`事件，并传递一个对象参数，你可以这样做： ```javascript // 定义一个对象 var myObject = { name: 'John', age: 30 }; // 创建一个动态生成的HTML元素 var htmlElement = '<button onclick="myFunction(this, ' + JSON.stringify(myObject) + ')">点击我</button>'; // 函数myFunction接收当前元素和对象作为参数 function myFunction(element, obj) { console.log('Button clicked:', element.textContent, 'with object properties:', obj); } // 将这个HTML片段插入到文档中 document.body.innerHTML += htmlElement; ``` 在这个例子中，`JSON.stringify()`被用来将对象转换成字符串，因为直接传递对象会创建一个新的引用，而不是副本。在函数`myFunction`中，`this`关键字指向触发事件的对象，而`obj`参数则是传递的对象。