LOGO 首页 OA教程 ERP教程 模切知识交流 PMS教程 CRM教程 技术文档 其他文档  
 
网站管理员

js如何用正则替换url字符串变成可点击的超链?

freeflydom
2026年9月3日 17:5 本文热度 158

:js如何用正则替换url字符串变成可点击的超链?


要将文本中的 URL 替换为可点击的链接(新窗口打开),可以使用 JavaScript 的 replace() 配合正则表达式匹配 URL,然后生成 <a> 标签。下面给出完整的解决方案和说明。


核心代码

javascript
var rawText = "1、超链接的href 和onclick引发的思考\nhttps://test1.com\n2、正则表达式口诀及教程(推荐)\nhttps://test2.com";
var linkedText = rawText.replace(/(^|\r?\n)(https?:\/\/[^\s]+)/g, 
        function(match, newline, url) {
            // newline 可能是空字符串(第一行)或 "\n" 或 "\r\n"
            return newline + '<a href="' + url + '" target="_blank">' + url + '</a>';
        }
    );
// 将结果插入 DOM(例如某个 div 的 innerHTML)
document.getElementById('content').innerHTML = linkedText;

正则说明

  • (https?:\/\/[^\s]+)

    • https? 匹配 httphttps

    • :\/\/ 匹配字面量 ://

    • [^\s]+ 匹配一个或多个非空白字符(空格、换行、制表符等),直到遇到空白字符停止。

    • 整个用括号捕获,以便在替换时引用。

这个正则简单实用,适用于大多数常见场景。如果要更严谨,可以扩展匹配 www. 开头或带端口、查询参数等,但根据你的示例,上述正则已足够。



该文章在 2026/9/3 17:08:05 编辑过
关键字查询
相关文章
正在查询...
点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。
点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理,结合码头的业务特点,围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体,是物流码头及其他港口类企业的高效ERP管理信息系统。
点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。
点晴免费OA是一款软件和通用服务都免费,不限功能、不限时间、不限用户的免费OA协同办公管理系统。
Copyright 2010-2026 ClickSun All Rights Reserved  粤ICP备13012886号-2  粤公网安备44030602007207号