水镜绘纱 发表于 2025-2-9 10:43:07

Javascript教学 - 写源的小技巧 - split 和 拼链接 (小猫咪小教学)

本帖最后由 yuri1291 于 2025-2-9 10:49 编辑

写源的小技巧 - split 和 拼链接 (小猫咪小教学)

相信写源的各位一定会碰到全章节和书籍简介页面是分开的. 就举个例子这个站点
https://www.ibabyjoy.com/

搜索后点进去看书籍介绍,但一拉下去就看到“查看全部章节”。这代表全章节会是另外一个URL. 别慌,我们先取两个URL(书籍的和全章节)来做比较看看

书籍简介URL
https://www.ibabyjoy.com/5765/

章节URL
https://www.ibabyjoy.com/indexlist/5765/1/

看到差别了没?
没错,章节URL多了在Host后面加了indexlist,然后在书籍号那里多了/1/

遇到这种状况,我们就得需要用JavaScript (简称Js) 来拼链接

思维 - 先把书籍ID (5765)取出来再拼链接
********
第一步
--------
先写Css或xpath 写出url,测一下来确认到时候我们到底是用哪一个result 来做处理
在这个案例,log出来是/5765/
所以我们Js是要处理这个的

第二步
--------
我们要用Js来取5765,可以用match 或split 来取出来.由于我比较擅长用split, 就在这里教你们用split

let id = result.split('/')

result 就是刚才那个url 的地址,现在我们要拿URL的地址做分割, ('/') 的意思就是拿/来做分割线. Js的算法是从零开始算起

      /5765/
   0       1      2
在这里看明白了吧? 就是分割后要拿1号的数据,也就是5765

let id 就是代表着5765

第三步 拼链接
---------------
刚才已经取出了5765,现在我们要拼一个链接. 在此,我们需要用`和${代码}来写新链接

result=`https://www.ibabyjoy.com/indexlist/${id}/1/`
由于阅读的App的关系加上如果你是新手,建议直接写result然后写出新的链接.看到我的写法吗?就直接把你要的URL套进去,把那个号码改成${id}. id 就是刚才我们split出来的代码,这种${id}的写法一定要用`这种引号要不然Js会报错.

有什么问题可以发出来讨论讨论

下一次会有slice的教学

在此特别感谢我的前辈Flgz佬,亲自跟我一个一个解说split和slice,也是因为他的指导我才会入这个大坑

怣疯 发表于 2025-2-9 10:54:14

支持{:5_242:}

gyz321 发表于 2025-2-9 11:51:12

我比较喜欢用正则表达式

水镜绘纱 发表于 2025-2-9 11:53:25

gyz321 发表于 2025-2-9 11:51
我比较喜欢用正则表达式

各有各好,最终目的就是取那个数字嘛,像我这样有时候正则取不到我就改用Split

S_Lin 发表于 2025-2-11 16:07:37

水镜绘纱 发表于 2025-2-11 20:12:21

S_Lin 发表于 2025-2-11 16:07


这个你必须要看java.log,如果log是完整的URL,那就是,如果是我那种的就是

风中追枫 发表于 2025-4-1 05:56:06

感谢分享

不坏 发表于 2025-4-2 04:23:13

先收藏一下,之后再学
页: [1]
查看完整版本: Javascript教学 - 写源的小技巧 - split 和 拼链接 (小猫咪小教学)