`
think1991
  • 浏览: 21530 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

JS将网址转换成可点击的超链接

阅读更多
最近在做一个留言板项目,需要把普通的文本链接URL转换成可点击的超链接,当时想的方法直接修改源代码来实现,但经过搜索发现其实还有更简单的方法可以轻松实现,对于我这等“懒人”来说,一定会认真考虑,经过测试发现,效果非常的不错,所有的链接都能准确无误的转换,关键只是一小段JS代码就可以搞定,且兼容性非常好,整理分享给大家。

注意:在需要转换链接的区域地方加上id=container

然后在网站的底部放上如下代码即可
<script>
window.onload=function(){
  var div = document.getElementById("container");
  var s=div.innerHTML;
var re = /(http:\/\/[\w.\/]+)(?![^<]+>)/gi;
  div.innerHTML=s.replace(re,"<a href='$1' target='_blank'>$1</a>");
}
</script>
分享到:
评论

相关推荐

    javascript自动给文本url地址增加链接的方法分享.docx

    在Web开发中,经常会遇到需要将纯文本中的URL地址转换成可点击的超链接的需求。这种需求可以通过JavaScript轻松实现。本文将详细介绍如何使用JavaScript自动识别并转换文本中的URL地址为带有`&lt;a&gt;`标签的超链接。 ##...

    jquery.table2excel-1.1.2使用含demo.zip

    jQuery Table2Excel插件就是这样一个实用工具,它允许开发者通过简单的JavaScript调用,将HTML表格内容转换成可下载的Excel文件。本文将深入解析jQuery Table2Excel插件1.1.2版本的使用方法,并提供相关的示例演示。...

    pdfToHtml的源代码

    PDF到HTML的转换是将PDF文档的结构和内容转换成可网页浏览的HTML格式的过程,这对于在线分享、搜索引擎优化和无障碍访问非常重要。`pdftohtml`是一个开源工具,专门用于执行这种转换,并且在保留原始PDF的版式和内容...

    Android开发实战经典.pdf

    可以利用TextView组件在界面上展示静态文本,也可以通过设置属性使其具有超链接功能,如android:autoLink=”all”,允许文本中的网址被自动识别并转换成可点击的链接。 5. Button组件:Button是TextView的子类,...

    javascript自动给文本url地址增加链接的方法分享

    在网页开发中,有时我们需要将文本中的URL地址自动转换成可点击的超链接,以便用户可以直接访问。这个过程涉及到的主要技术是JavaScript的正则表达式和字符串操作方法,特别是`replace()`函数。本文将深入讲解如何...

    html 解析器(网页源代码分析)

    HTML解析器是网络浏览器或其他软件的核心组件,负责将HTML(超文本标记语言)源代码转换成可交互的网页。在本文中,我们将深入探讨HTML解析器的工作原理、它如何进行网页源代码分析以及如何帮助防止恶意代码。 首先...

    计算机与网络技术类-计算机网络技术学测题库.pdf

    28. 网页解析:由浏览器完成,将HTML、CSS和JavaScript等解析成可交互的网页。 29. DNS解析:当本地解析程序缓存未找到解析结果,用户需要配置为DNS客户机,以便DNS服务器提供域名解析服务。 这些知识点涵盖了网络...

    传智javaweb基础英语单词

    - **Parse**:[pɑrs] 解析、分析,将数据转换成可理解的格式。 - **Function**:['fʌŋkʃən] 函数、功能,一组预定义的指令集。 - **Alert**:[ə'lɝt] 警告、警戒、警惕,弹出警告框显示消息。 - **Confirm**...

    annetteschuler.github.io

    用户可以直接将HTML、CSS、JavaScript文件上传到特定的仓库,GitHub会自动将这些文件转换成可访问的网页。"annetteschuler.github.io-master"这个文件名表明这是GitHub Pages的一个项目主分支,通常主分支名为...

Global site tag (gtag.js) - Google Analytics