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

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

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

    昨天 10:04
  • 签到天数: 544 天

    [LV.9]以坛为家II

    25

    主题

    291

    回帖

    980

    积分

    专家

    积分
    980

    油中2周年生态建设者油中3周年挑战者 lv1

    发表于 2022-6-23 18:32:02 | 显示全部楼层 | 阅读模式
    悬赏1油猫币未解决

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

  • TA的每日心情

    昨天 10:04
  • 签到天数: 544 天

    [LV.9]以坛为家II

    25

    主题

    291

    回帖

    980

    积分

    专家

    积分
    980

    油中2周年生态建设者油中3周年挑战者 lv1

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

    使用道具 举报

  • TA的每日心情
    开心
    昨天 18:07
  • 签到天数: 684 天

    [LV.9]以坛为家II

    27

    主题

    733

    回帖

    7199

    积分

    荣誉开发者

    精通各种语言的HelloWord!

    积分
    7199

    荣誉开发者油中2周年生态建设者油中3周年挑战者 lv2

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

    使用道具 举报

  • TA的每日心情
    无聊
    2023-11-2 17:37
  • 签到天数: 275 天

    [LV.8]以坛为家I

    107

    主题

    438

    回帖

    944

    积分

    荣誉开发者

    积分
    944

    荣誉开发者油中2周年卓越贡献生态建设者

    发表于 2022-6-23 18:54:51 | 显示全部楼层
    用for循环不就好了,那么有规律
    I frequently record, because want to leave something.
    回复

    使用道具 举报

  • TA的每日心情

    昨天 10:04
  • 签到天数: 544 天

    [LV.9]以坛为家II

    25

    主题

    291

    回帖

    980

    积分

    专家

    积分
    980

    油中2周年生态建设者油中3周年挑战者 lv1

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

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

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

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

    回复

    使用道具 举报

  • TA的每日心情
    开心
    2023-2-28 23:59
  • 签到天数: 191 天

    [LV.7]常住居民III

    620

    主题

    5084

    回帖

    5958

    积分

    管理员

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

    积分
    5958

    荣誉开发者管理员油中2周年生态建设者喜迎中秋

    发表于 2022-6-23 19:31:48 | 显示全部楼层
    按钮部分可以封装成函数
    传入name和函数
    返回dom
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道

    入驻了爱发电https://afdian.net/a/lihengdao666
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

  • TA的每日心情

    昨天 10:04
  • 签到天数: 544 天

    [LV.9]以坛为家II

    25

    主题

    291

    回帖

    980

    积分

    专家

    积分
    980

    油中2周年生态建设者油中3周年挑战者 lv1

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

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

    使用道具 举报

  • TA的每日心情
    慵懒
    24 分钟前
  • 签到天数: 603 天

    [LV.9]以坛为家II

    30

    主题

    523

    回帖

    1379

    积分

    荣誉开发者

    积分
    1379

    荣誉开发者新人进步奖油中2周年生态建设者新人报道挑战者 lv2油中3周年喜迎中秋

    发表于 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))
    }
    回复

    使用道具 举报

  • TA的每日心情
    无聊
    2023-11-2 17:37
  • 签到天数: 275 天

    [LV.8]以坛为家I

    107

    主题

    438

    回帖

    944

    积分

    荣誉开发者

    积分
    944

    荣誉开发者油中2周年卓越贡献生态建设者

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

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

    哥哥写的真优雅
    I frequently record, because want to leave something.
    回复

    使用道具 举报

  • TA的每日心情

    昨天 10:04
  • 签到天数: 544 天

    [LV.9]以坛为家II

    25

    主题

    291

    回帖

    980

    积分

    专家

    积分
    980

    油中2周年生态建设者油中3周年挑战者 lv1

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

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

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

    使用道具 举报

    发表回复

    本版积分规则

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