新聞中心
有時,我們必須在 JavaScript 字符串中查找 URL。

成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供高縣網(wǎng)站建設(shè)、高縣做網(wǎng)站、高縣網(wǎng)站設(shè)計、高縣網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、高縣企業(yè)網(wǎng)站模板建站服務,10年高縣做網(wǎng)站經(jīng)驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡服務。
在本文中,我們將了解如何在 JavaScript 字符串中查找 URL 并將它們轉(zhuǎn)換為鏈接。
我們可以創(chuàng)建自己的函數(shù),使用正則表達式來查找 URL。
例如,我們可以這樣寫:
- const urlify = (text) => {
- const urlRegex = /(https?:\/\/[^\s]+)/g;
- return text.replace(urlRegex, (url) => {
- return `${url}`;
- })
- }
- const text = 'Find me at http://www.cdxwcx.com and also at http://stackoverflow.com';
- const html = urlify(text);
- console.log(html)
我們創(chuàng)建了接受 text 字符串的 urlify 函數(shù)。
在函數(shù)中,我們優(yōu)化了 urlRegex 變量,該變量具有用于匹配url的regex。
我們檢查 http 或 https 。
然后我們查找斜杠和文本。
正則表達式末尾的 g 標志讓我們可以搜索字符串中的所有 URL。
然后我們用 urlRegex 調(diào)用 text.replace 并在回調(diào)中返回一個帶有匹配 url 的字符串。
因此,當我們用 text 調(diào)用 urlify 時,我們得到:
我們可以使用更復雜的正則表達式使 URL 搜索更精確。
例如,我們可以這樣寫:
- const urlify = (text) => {
- const urlRegex = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
- return text.replace(urlRegex, (url) => {
- return `${url}`;
- })
- }
- const text = 'Find me at http://www.cdxwcx.com and also at http://stackoverflow.com';
- const html = urlify(text);
- console.log(html)
我們搜索 http、https、ftp 和文件url。
我們還在模式中包含 : 、字母、與號和下劃線。
分享文章:如何檢測JavaScript字符串中的URL并將其轉(zhuǎn)換為鏈接?
標題路徑:http://www.5511xx.com/article/cdsdgec.html


咨詢
建站咨詢
