首頁 web前端 js教程 把文字中的URL位址轉換成可點選連結的JavaScript、PHP自訂函數_javascript技巧

把文字中的URL位址轉換成可點選連結的JavaScript、PHP自訂函數_javascript技巧

May 16, 2016 pm 04:40 PM
javascript函數 php函數

這幾天在寫一個小程式的時候,需要用到正規表示式來匹配使用者輸入文字中的URL位址,然後將URL位址替換成可以點擊的連結。 URL位址的匹配,我想這應該是大家在做驗證處理中常會用到的,這裡就把我整合的一個比較完整的表達式給出來:

複製程式碼 程式碼如下:

var URL = /(https?://|ftps?://)?((d{1,3}.d{1,3}.d{1,3}.d{1,3})(: [0-9] )?|(localhost)(:[0-9] )?|([w] .)(S )(w{2,4})(:[0-9] )?)(/ ?([w#!:.? =&%@!-/] ))?/ig;

這個表達式可以符合 http,https,ftp,ftps以及IP位址的URL位址。還算是URL位址匹配計較完善的。利用這個表達式我寫了兩個小函數,將用戶留言的URL地址替換成可點擊的鏈接,沒有什麼太難的,就是利用JavaScript 的 replace() 函數來實現替換 URL 為 link:

JavaScript版:

複製程式碼 程式碼如下:

/**
 * JavaScrit 版本
 * 將URL位址轉換為完整的A標籤連結代碼
 */
var replaceURLToLink = function (text) {
        text = text.replace(URL, function (url) {
            var urlText = url;
            if (!url.match('^https?://')) {
                url = 'http://' url;
            }
            return '' urlText '';
        });

        return text;
    };

PHP版:

複製程式碼 程式碼如下:

/**
 * PHP 版本 在 Silva 程式碼的基礎上修改的
 * 將URL位址轉換為完整的A標籤連結代碼
 */
/**===============================================
 名稱        :replace_URLtolink()
 版本    :1.0
 作者      : J de Silva
 描述:返回 VOID;處理轉換
 字串中的可點選連結的 URL。
 類型        :函數
 =================================================*/

函數replace_URLtolink($text) {
    // 抓取任何看起來像 URL 的內容...
    $urls = array();
   
    // 建置模式
    $scheme = '(https?://|ftps?://)?';
    $www = '([w] .)';
    $local = 'localhost';
    $ip = '(d{1,3}.d{1,3}.d{1,3}.d{1,3})';
    $name = '([w0-9] )';
    $tld = '(w{2,4})';
    $port = '(:[0-9] )?';
    $the_rest = '(/?([w#!:.? =&%@!-/] ))?';
$pattern = $scheme.'('.$ip.$port.'|'.$www.$name.$tld.$port.'|'.$local.$port.')'.$the_rest;
    $pattern = '/'.$pattern.'/is';
   
    // 取得 URL
    $c = preg_match_all($pattern, $text, $m);
   
    如果 ($c) {
        $urls = $m[0];
    }
   
    // 取代所有 URL
    if (!empty($urls)) {
        foreach ($urls as $url) {
            $pos = strpos('http://', $url);
           
            if (($pos && $pos != 0) || !$pos) {
                $fullurl = 'http://'.$url;
            } 其他 {
                $fullurl = $url;
            }
           
            $link = ''.$url.'';
           
            $text = str_replace($url, $link, $text);
        }
    }
   
    返回 $text;
}

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

如何透過php函數優化圖片懶加載效果? 如何透過php函數優化圖片懶加載效果? Oct 05, 2023 pm 12:13 PM

如何透過PHP函數優化圖片懶載入效果?隨著網路的發展,網頁中的圖片數量越來越多,這給頁面載入速度帶來了壓力。為了提高使用者體驗,減少載入時間,我們可以採用圖片懶載入技術。圖片懶加載可以延遲圖片的加載,只有當用戶滾動到可視區域時才加載圖片,這樣可以減少頁面的加載時間,提升用戶體驗。在編寫PHP網頁時,我們可以透過寫一些函數來優化圖片懶載入效果。下面詳

JavaScript函數非同步程式設計:處理複雜任務的必備技巧 JavaScript函數非同步程式設計:處理複雜任務的必備技巧 Nov 18, 2023 am 10:06 AM

JavaScript函數非同步程式設計:處理複雜任務的必備技巧引言:在現代前端開發中,處理複雜任務已經成為了必不可少的一部分。而JavaScript函數非同步程式設計技巧則是解決這些複雜任務的關鍵。本文將介紹JavaScript函數非同步程式設計的基本概念和常用的實作方法,並提供具體的程式碼範例,幫助讀者更好地理解和使用這些技巧。一、非同步程式設計的基本概念在傳統的同步程式設計中,程式碼按

如何透過php函數來減少記憶體的使用? 如何透過php函數來減少記憶體的使用? Oct 05, 2023 pm 01:45 PM

如何透過PHP函數來減少記憶體的使用在開發中,記憶體的使用是一個很重要的考量。如果在程式中使用大量的內存,可能會導致運行速度變慢甚至程式崩潰。因此,合理地管理和減少記憶體的使用是每個PHP開發者都應該關注的問題。本文將介紹一些透過PHP函數來減少記憶體使用的方法,並提供具體的程式碼範例供讀者參考。使用unset()函數釋放變數在PHP中,當一個變數不再需要時,使用

PHP影像處理函數實現圖片編輯和處理功能的方法總結 PHP影像處理函數實現圖片編輯和處理功能的方法總結 Nov 20, 2023 pm 12:31 PM

PHP影像處理函數是一組專門用於處理和編輯影像的函數,它們為開發人員提供了豐富的影像處理功能。透過這些函數,開發人員可以實現圖片的裁剪、縮放、旋轉、浮水印添加等操作,從而滿足不同的圖片處理需求。首先,我將介紹如何使用PHP影像處理函數來實現圖片的裁切功能。 PHP提供了imagecrop()函數,可以用來裁切影像。透過傳遞裁剪區域的座標和大小,我們可以實現圖片的裁

PHP函數介紹:strtr()函數 PHP函數介紹:strtr()函數 Nov 03, 2023 pm 12:15 PM

PHP函數介紹:strtr()函數在PHP程式設計中,strtr()函數是一個非常有用的字串替換函數。它用於將字串中的指定字元或字串替換為其他字元或字串。本文將介紹strtr()函數的用法,並給出一些具體的程式碼範例。 strtr()函數的基本語法如下:strtr(string$str,array$replace)其中,$str是要進行替換運算的原始字

使用JavaScript函數實現資料視覺化的即時更新 使用JavaScript函數實現資料視覺化的即時更新 Nov 04, 2023 pm 03:30 PM

使用JavaScript函數實現資料視覺化的即時更新隨著資料科學和人工智慧的發展,資料視覺化已經成為了一種重要的資料分析和展示工具。透過視覺化數據,我們可以更直觀地理解數據之間的關係和趨勢。在Web開發中,JavaScript是一種常用的腳本語言,具備強大的資料處理和動態互動功能。本文將介紹如何使用JavaScript函數實現資料視覺化的即時更新,並展示具體

使用JavaScript函數實現網頁導航和路由 使用JavaScript函數實現網頁導航和路由 Nov 04, 2023 am 09:46 AM

在現代Web應用程式中,實現網頁導航與路由是十分重要的一環。利用JavaScript的函數來實現這個功能,可以讓我們的網路應用程式更加靈活、可擴展且使用者友好。本文將介紹如何使用JavaScript函數來實現網頁導航和路由,並提供具體的程式碼範例。實現網頁導航對於一個Web應用程式而言,網頁導航是使用者操作最頻繁的一個部分。當使用者點擊頁面上的

PHP 函數與其他語言函數的比較 PHP 函數與其他語言函數的比較 Apr 10, 2024 am 10:03 AM

PHP函數與其他語言的函數有相似之處,也有一些獨特之處。在語法上,PHP函數用function聲明,JavaScript用function聲明,Python用def聲明。參數和傳回值方面,PHP函數可接受參數並傳回一個值,JavaScript和Python也有類似功能,但語法不同。範圍上,PHP、JavaScript和Python的函數均具有全域或局部範圍,全域函數可從任意位置訪問,局部函數只能在其聲明作用域內存取。

See all articles