JS链接条件判断实现求助:Excel无有效URL时显示文本而非链接
解决方法
你可以通过三元运算符来区分不同的link内容,生成对应的HTML内容:
// 先处理link的显示逻辑 const linkHtml = link === "Coming soon" ? "Coming soon" : `<a href='${link}' target='_blank'>Link</a>`; // 将处理好的link内容插入到渲染字符串中 .info(`<small>Name:</small><h3>{name}</h3><br>City: <b>{city}</b><br>Genre: <b>{genre}</b><br>Date: <b>{date}</b>, Time: <b>{time}</b><br>Link: ${linkHtml}<br><small>Additional information:</small><br>{info}`).addTo(table);
简单解释:
- 第一行的三元运算符
condition ? 结果1 : 结果2是基础的条件判断写法:如果link的值等于“Coming soon”,就直接返回文本“Coming soon”;否则返回可点击的a标签代码。 - 第二行把原来固定的链接代码替换成我们提前处理好的
${linkHtml},同时把字符串的双引号换成**反引号()**,这样才能用${变量名}`的方式插入内容。
注意事项:
- 确保你的代码里能直接拿到
link这个变量(就是从Excel读取到的链接值)。 - 反引号是键盘上数字1左边的按键,别和单引号弄混。
这样修改后,Excel里是“Coming soon”时页面只会显示文本,不会生成无效链接;有有效URL时,会正常显示可点击的跳转链接。
内容的提问来源于stack exchange,提问作者ADT
相关产品推荐
相关产品推荐

