亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

把文本中的URL地址轉(zhuǎn)換為可點擊鏈接的JavaScript、PHP自定義函數(shù)

 更新時間:2014年07月29日 10:21:12   投稿:junjie  
這篇文章主要介紹了把文本中的URL地址轉(zhuǎn)換為可點擊鏈接的JavaScript、PHP自定義函數(shù),需要的朋友可以參考下

這幾天在寫一個小程序的時候,需要用到正則表達(dá)式匹配用戶輸入文本中的URL地址,然后將URL地址替換成可以點擊的鏈接。URL地址的匹配,我想這應(yīng)該是大家在做驗證處理中常會用到的,這里就把我整合的一個比較完整的表達(dá)式給出來:

復(fù)制代碼 代碼如下:

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;

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

JavaScript版:

復(fù)制代碼 代碼如下:

/**
 * JavaScrit 版本
 * 將URL地址轉(zhuǎn)化為完整的A標(biāo)簽鏈接代碼
 */
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版:

復(fù)制代碼 代碼如下:

/**
 * PHP 版本 在 Silva 代碼的基礎(chǔ)上修改的
 * 將URL地址轉(zhuǎn)化為完整的A標(biāo)簽鏈接代碼
 */
/** =============================================
 NAME        : replace_URLtolink()
 VERSION     : 1.0
 AUTHOR      : J de Silva
 DESCRIPTION : returns VOID; handles converting
 URLs into clickable links off a string.
 TYPE        : functions
 ============================================= */

function replace_URLtolink($text) {
    // grab anything that looks like a URL...
    $urls = array();
   
    // build the patterns
    $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';
   
    // Get the URLs
    $c = preg_match_all($pattern, $text, $m);
   
    if ($c) {
        $urls = $m[0];
    }
   
    // Replace all the URLs
    if (! empty($urls)) {
        foreach ($urls as $url) {
            $pos = strpos('http\:\/\/', $url);
           
            if (($pos && $pos != 0) || !$pos) {
                $fullurl = 'http://'.$url;
            } else {
                $fullurl = $url;
            }
           
            $link = ''.$url.'';
           
            $text = str_replace($url, $link, $text);
        }
    }
   
    return $text;
}

相關(guān)文章

  • Javacript實現(xiàn)顏色梯度變化和漸變的效果代碼

    Javacript實現(xiàn)顏色梯度變化和漸變的效果代碼

    用js對導(dǎo)航欄的顏色做了梯度的變化處理,通過處理..獲取兩種顏色在變化時的各種顏色字符串,并且字符串的個數(shù),即獲取的頻率可以調(diào)節(jié)
    2013-05-05
  • 微信小程序?qū)崿F(xiàn)點贊業(yè)務(wù)

    微信小程序?qū)崿F(xiàn)點贊業(yè)務(wù)

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)點贊業(yè)務(wù),文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-02-02
  • 深入學(xué)習(xí)JavaScript對象

    深入學(xué)習(xí)JavaScript對象

    今天小編就和大家深入學(xué)習(xí)JavaScript對象,感興趣的小伙伴們可以參考一下,大家一起學(xué)習(xí)。
    2015-10-10
  • javascript實現(xiàn)滾動效果的數(shù)字時鐘實例

    javascript實現(xiàn)滾動效果的數(shù)字時鐘實例

    這篇文章主要是介紹使用javascript來實現(xiàn)數(shù)字時鐘滾動的效果,非常實用,有需要的朋友們可以來參考學(xué)習(xí)。
    2016-07-07
  • javascript,jquery閉包概念分析

    javascript,jquery閉包概念分析

    偶爾聽人說javascript閉包,讓我聯(lián)想起以前學(xué)編譯原理和數(shù)字邏輯里講的閉包,以前上課講的閉包很難懂,而且含有遞歸的意思在里面,現(xiàn)在不想再查看里面的閉包概念。
    2010-06-06
  • JS+CSS實現(xiàn)的經(jīng)典圓角下拉菜單效果代碼

    JS+CSS實現(xiàn)的經(jīng)典圓角下拉菜單效果代碼

    這篇文章主要介紹了JS+CSS實現(xiàn)的經(jīng)典圓角下拉菜單效果代碼,可實現(xiàn)非常經(jīng)典的圓角下拉菜單效果,涉及JavaScript動態(tài)操作頁面元素css樣式的相關(guān)技巧,需要的朋友可以參考下
    2015-10-10
  • js?剪切、復(fù)制、粘貼功能實現(xiàn)

    js?剪切、復(fù)制、粘貼功能實現(xiàn)

    Navigator.clipboard?API可以用來訪問系統(tǒng)剪貼板,可以實現(xiàn)【剪切、復(fù)制、粘貼】功能。該?API?被設(shè)計用來取代使用?document.execCommand()?的剪貼板訪問方式,不兼容?IE
    2023-05-05
  • window.onload追加函數(shù)使用示例

    window.onload追加函數(shù)使用示例

    這篇文章主要介紹了window.onload追加函數(shù)使用示例,需要的朋友可以參考下
    2014-03-03
  • JavaScript之Array常見的方法詳解

    JavaScript之Array常見的方法詳解

    這篇文章主要為大家介紹了JavaScript之Array常見的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助V
    2021-11-11
  • 用Javascript獲取頁面元素的具體位置

    用Javascript獲取頁面元素的具體位置

    制作網(wǎng)頁的過程中,你有時候需要知道某個元素在網(wǎng)頁上的確切位置,在接下來的文章中為大家介紹下使用js是如何實現(xiàn)的
    2013-12-12

最新評論