上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
返回列表 发新帖

哥哥们,如何简化这部分代码?

[复制链接]
  • TA的每日心情

    前天 00:29
  • 签到天数: 57 天

    [LV.5]常住居民I

    10

    主题

    87

    帖子

    94

    积分

    初级工程师

    Rank: 4

    积分
    94
    发表于 2022-6-23 18:32:02 | 显示全部楼层 | 阅读模式
    1油猫币

    image.png
    这一大嘟噜整上去,真心难受,有没有什么办法简化呢?这大部分都是一样的,特别是这几个style,一毛一样,怎么把他们变好看呢?谢谢哥哥们了

    image.png
    image.png
  • TA的每日心情

    前天 00:29
  • 签到天数: 57 天

    [LV.5]常住居民I

    10

    主题

    87

    帖子

    94

    积分

    初级工程师

    Rank: 4

    积分
    94
    发表于 2022-6-23 18:34:34 | 显示全部楼层
    这图片我都删了咋还在
    回复

    使用道具 举报

  • TA的每日心情
    开心
    5 分钟前
  • 签到天数: 126 天

    [LV.7]常住居民III

    25

    主题

    599

    帖子

    5908

    积分

    荣誉开发者

    精通各种语言的HelloWord!

    Rank: 10Rank: 10Rank: 10

    积分
    5908

    猫咪币纪念章活跃会员三好学生热心会员中秋纪念章国庆纪念章

    发表于 2022-6-23 18:47:25 | 显示全部楼层
    循环????
    回复

    使用道具 举报

    该用户从未签到

    16

    主题

    139

    帖子

    133

    积分

    荣誉开发者

    Rank: 10Rank: 10Rank: 10

    积分
    133
    发表于 2022-6-23 18:54:51 | 显示全部楼层
    用for循环不就好了,那么有规律
    回复

    使用道具 举报

  • TA的每日心情

    前天 00:29
  • 签到天数: 57 天

    [LV.5]常住居民I

    10

    主题

    87

    帖子

    94

    积分

    初级工程师

    Rank: 4

    积分
    94
    发表于 2022-6-23 18:59:19 | 显示全部楼层

    wwwwwllllk 发表于 2022-6-23 18:54

    用for循环不就好了,那么有规律

    哦哦是这样的,我见这个菜鸟教程里这样写挺方便的,但是我不会在脚本里这样写
    image.png

    回复

    使用道具 举报

  • TA的每日心情

    2022-6-4 20:51
  • 签到天数: 32 天

    [LV.5]常住居民I

    332

    主题

    2896

    帖子

    2908

    积分

    荣誉开发者

    非物质文化遗产社会摇传承人

    Rank: 10Rank: 10Rank: 10

    积分
    2908

    猫咪币纪念章

    发表于 2022-6-23 19:31:48 | 显示全部楼层
    按钮部分可以封装成函数
    传入name和函数
    返回dom
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

  • TA的每日心情

    前天 00:29
  • 签到天数: 57 天

    [LV.5]常住居民I

    10

    主题

    87

    帖子

    94

    积分

    初级工程师

    Rank: 4

    积分
    94
    发表于 2022-6-23 19:34:31 | 显示全部楼层
    李恒道 发表于 2022-6-23 19:31
    按钮部分可以封装成函数
    传入name和函数
    返回dom

    好滴,我去搞了,谢谢哥哥
    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    8 小时前
  • 签到天数: 12 天

    [LV.3]偶尔看看II

    1

    主题

    28

    帖子

    37

    积分

    助理工程师

    Rank: 1

    积分
    37
    发表于 2022-6-23 21:08:05 | 显示全部楼层

    本帖最后由 steven026 于 2022-6-23 21:10 编辑

    本帖最后由 steven026 于 2022-6-23 21:10 编辑

    如果只是要求尽可能简洁、优雅,可以试试jQuery
    你上面的代码可以简化成这样(为了优雅用了eval 不能在'use strict';模式下使用)

    let cssText="height:30px;width:50px;border:1" //此处省略后续style
    let innerHTML=["A","B","C","D","E"]
    
    $("body").append(table) //假设只有一个<table>,table=<table></table>
    
    for(let i=1;i<=5;i++){
        $(`<button id="btn${i}" style=${cssText}>${innerHTML[i]}</button>`).appendTo($("table")).on("click",eval("main"+i))
    }
    回复

    使用道具 举报

    该用户从未签到

    16

    主题

    139

    帖子

    133

    积分

    荣誉开发者

    Rank: 10Rank: 10Rank: 10

    积分
    133
    发表于 2022-6-23 21:48:39 | 显示全部楼层
    steven026 发表于 2022-6-23 21:08
    [md]> 本帖最后由 steven026 于 2022-6-23 21:10 编辑

    如果只是要求尽可能简洁、优雅,可以试试jQuery

    哥哥写的真优雅
    回复

    使用道具 举报

  • TA的每日心情

    前天 00:29
  • 签到天数: 57 天

    [LV.5]常住居民I

    10

    主题

    87

    帖子

    94

    积分

    初级工程师

    Rank: 4

    积分
    94
    发表于 2022-6-23 21:50:11 | 显示全部楼层
    steven026 发表于 2022-6-23 21:08
    [md]> 本帖最后由 steven026 于 2022-6-23 21:10 编辑

    如果只是要求尽可能简洁、优雅,可以试试jQuery

    呜呜呜,太牛了!!!ggnb!!!!!!!
    回复

    使用道具 举报

    发表回复

    本版积分规则

    快速回复 返回顶部 返回列表