javascript---js方法的传参问题

最新推荐文章于 2024-05-16 22:27:48 发布

人生有点bug的程序员

最新推荐文章于 2024-05-16 22:27:48 发布

阅读量3.3k

点赞数

分类专栏： javascript 文章标签： js 方法传参传入obj

本文链接：https://blog.csdn.net/qq_34237136/article/details/84583057

版权

javascript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

js方法的传参问题

有些时候，在前端的代码会有传值，传参的问题，这个时候，在js方法的传参问题里面直接调用的时候，就可以进行传参了，但是有些时候，前台在动态加载一些按钮，或者其他的a标签的时候，需要在里面放上onclick事件，之后在onclick事件里面绑定方法在进行传参，在传参的时候不是单纯的string，number这些类型，而是array或者是object这些类型的参数。

下面的代码引入了jquery，之后方法a的三个传参分别是string，外来的object，和自己本身的this属性。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../plugins/jQuery/jquery-1.12.4.min.js"></script>
</head>
<div id="app">
</div>
<body>
<script>
    function a(str ,obj,objTwo){
        console.log(str);
        console.log(obj);
        console.log(JSON.parse(obj));
        console.log(objTwo);
    }
    let list = {name: '小明', age: '23', sex: '男'}
    let text = "<ul>";
    for (let b in list) {
        text += "        <li onclick=\"a('"+b+"','"+JSON.stringify(list).replace(/"/g, '&quot;')+"',this)\">"+b+"是"+list[b]+"</li>";
    }
    text += "    </ul>";
    $('#app').html(text);
</script>
</body>
</html>

人生有点bug的程序员

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
javascript---js方法的传参问题

js方法的传参问题有些时候，在前端的代码会有传值，传参的问题，这个时候，在js方法的传参问题里面直接调用的时候，就可以进行传参了，但是有些时候，前台在动态加载一些按钮，或者其他的a标签的时候，需要在里面放上onclick事件，之后在onclick事件里面绑定方法在进行传参，在传参的时候不是单纯的string，number这些类型，而是array或者是object这些类型的参数。下面的代码引...
复制链接

扫一扫