首页 > 试题广场 >

替换链接

[编程题]替换链接

热度指数：4999 时间限制：C/C++ 2秒，其他语言4秒空间限制：C/C++ 256M，其他语言512M
算法知识视频讲解

页面中存在id=jsContainer的DOM元素。
该DOM元素内会给出一段随机文本，可能包含一些链接，比如https://www.baidu.com，或者 www.baidu.com?from=onlineExam，如果出现链接文本，请给该链接文本加上链接标签，用户点击后能直接在新窗口中打开该链接。
请完成 link 函数，完成该功能
1、container只有纯文本内容，不包含其他dom元素
2、识别所有以http://、https://或者www.开始的链接
3、所有www.开头的链接，默认使用 http 协议
4、所有链接在新窗口打开

算法知识视频讲解

驊驊龔頾

function link() {
  let dom = document.getElementById("jsContainer");

  dom.innerHTML = dom.innerText.replace(/(http(s)?:\/\/|www\.)[\w\.\?\=\&#%]+/g, $1=> {
    console.log($1);
    return `<a href="${/^www/.test($1) ? 'http://'+$1 : $1}" target="_blank">${$1}</a>`
  });
}

发表于 2021-06-02 10:17:52 回复(0)

stone201901172130920

function link() {
  var el = document.getElementById('jsContainer')
  el.innerHTML = replace(el.innerText)
}

function replace(str) {
  return str.replace(/(((http|https):\/\/)|www\.)[\w-\.]+(\?[\w=%&#]+)?/g, function ($1) {
    var href = $1.startsWith('http') ? $1 : 'http://' + $1
    return `<a href="${href}" target="_blank">${$1}</a>`
  })
}

发表于 2021-08-30 17:11:01 回复(0)

HTML/CSS/JavaScript

dengylccc

function link() {
    const el = document.getElementById('jsContainer');
      const reg = /(https?:\/\/[\w\.?]+)|(www\.[\w\.?=&]+)/gim;
      const str = el.innerText
      const res = str.replaceAll(reg, (s) => {
        return `<a href=${s} target=_branks>${s}</a>`
      });
      el.innerHTML = res;
}

发表于 2023-01-19 17:17:57 回复(0)

HTML/CSS/JavaScript

路过的一名白的不能再白的小白

// 正則不大行，還是要多練練
function link() {
    let jsContainer = document.querySelector("#jsContainer"), jsContainerText = jsContainer.innerText,str = ''
    // 写正则匹配对应的参数
    str = jsContainerText.replace(/((https|http)\:\/\/)?www\.[A-z]+(\.(com|cn))+(\?(\w*=\w*)(\&\w*=\w*)*(\#\w*)*)?/g,function(val){
        let hrefUrl = val
        if(!(/(https|http)/.test(val))) hrefUrl = 'http://' + hrefUrl
        return `<a href="${hrefUrl}" target="_blank">${val}</a>`
    })
    jsContainer.innerHTML = str
}

发表于 2022-07-12 13:59:16 回复(0)

HTML/CSS/JavaScript

huaxifn

function link() {
    var container = document.getElementById('jsContainer');
    var str = container.innerHTML;
    console.log(str);
    str=str.replace(/(http:\/\/|https:\/\/|www\.)([a-zA-Z0-9._=?#]+)/g,function(el){
        if(/^www/.test(el)){
            return `<a href="http://${el}" target="_blank">${el}</a>`;
        }else{
            return `<a href="${el}" target="_blank">${el}</a>`;
        }
    })
    container.innerHTML = str;
}

发表于 2022-02-17 09:49:49 回复(0)

HTML/CSS/JavaScript

HGHGHG

function link() {
  let node = document.getElementById('jsContainer')
  let res = node.innerText.replace(
    /((?:https?\:\/\/)?www(?:\.[\w]+){2,}(?:\?[\w]+\=[\w]+)?(?:\#\w+)?)/g,
    function (p1) {
      let href = p1.indexOf('http') == -1 ? 'http://' + p1 : p1
      return `<a href="${href}" target="_blank">${p1}</a>`
    }
  )
  node.innerHTML = res
}

发表于 2021-12-05 23:58:24 回复(0)

HTML/CSS/JavaScript

响亮的名字sy

function link() {

var dom = document.getElementById('jsContainer')

dom.innerHTML = dom.innerText.replace(/(http(s)?:\/\/|www\.)[\w\.\?\=\&#%]+/g, lj => {

var bl = /^www/

var c = ''

bl.test(lj) ? c = 'http://' + lj : c = lj

return `<a href="${c}" target="_blank">${lj}</a>`

// return `<a href=" ` + c + ` " target="_blank">` + lj + ` </a>`

})

}

第七行代码可以通过，第八行不行？？？

发表于 2021-07-15 14:14:00 回复(0)

gys96

function link() {
var oJsContainer = document.querySelector('#jsContainer')
var str = oJsContainer.innerHTML
str = str.replace(/(https:\/\/|http:\/\/)?www(\.\w+)+(\?(\w+=\w+)(&\w+=\w+)*)?(#\w*)?/g,val => {
var href = val
if(/^www\./.test(val)){
href = 'http://' + val
}
return `<a href="${href}" target="_blank">${val}</a>`
})
oJsContainer.innerHTML = str
}

发表于 2021-06-07 11:16:04 回复(0)

乔梁学习

function link() {
    const cont = document.getElementById('jsContainer')
    const newStr = cont.innerText.replace(/(((ht|f)tps?):\/\/)?[\w-]+(\.[\w-]+)+([\w.,@?^=%&:/~+#-]*[\w@?^=%&/~+#-])?/g, (a, b) => {
      return `<a href="${a}" target="_blank">${a}</a>`
    })
    cont.innerHTML = newStr
  }
  link()

发表于 2021-06-01 11:11:50 回复(0)

Xiao小


	
	
		function link() {
	

	
		var container = document.getElementById('jsContainer');
	

	
		var conStr = container.innerText;
	

	
		// console.log(typeof(conStr));
	

	
		var reg = /([https://]+www.[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|])|([http://]?www.[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|])/g;
	

	
		console.log(conStr.match(reg));
	

	
		// console.log(i);
	

	
		var result = conStr.replace(reg,function(text){
	

	
		console.log(text);
	

	
		if(/^www./.test(text)){
	

	
		result='http://'+ text;
	

	
		}else {
	

	
		result= text;
	

	
		}
	

	
		console.log('<a target="_blank" href='+result+'>'+result+'</a>');
	

	
		return '<a target="_blank" href='+result+'>'+result+'</a>';
	

	
		});
	

	
		container.innerHTML=result;
	

	
		}
	

	
		link();

发表于 2018-07-27 09:18:28 回复(0)

周如生

function link() {
       var Dom = document.getElementById("jsContainer");
       var text = Dom.textContent;
       var reg = new RegExp("(http://||https://)?www.[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]","g");
       
       var text = text.replace(reg,function(result){
          if((new RegExp("^www.")).test(result)){
              result = "http://" + result;
          }
          return '<a target="_blank" href='+ result +'>'+result+'</a>'
      })
       Dom.innerHTML = text;
    }

    link();

编辑于 2018-07-20 22:16:03 回复(1)