用js给选中文本添加链接

用js给选中文本添加链接,第1张

r = html.replace(text, urlText)

editer.innerHTML=r

这两句改成

r = html.replace(new RegExp(text, "g"), urlText)

editer.innerHTML=r

document.getElementById("isUrl").focus()

什么意思啊?

<a>标签本来就是链接了嘛。

具体想要什么效果,,没看明白你说什么。

你把下面这段代码保存为 test.html 然后打开它 就可以看到一些效果了,不知道是不是你想要的效果。 具体代码也就那么一点点 想想应该不用解释了吧。 不明白再问 负责让你明白JS。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>New Document </title>

<meta name="Generator" content="EditPlus">

<meta name="Author" content="">

<meta name="Keywords" content="">

<meta name="Description" content="">

</head>

<body>

<script>

function quotecomment(str){

window.clipboardData.setData('text', str)

}

function trueLink(str){

window.open(str)

}

</script>

<a href="javascript:quotecomment('我是胸前有A')">点击复制</a>

<a href="javascript:trueLink('http://www.baidu.com')">我是胸前有A---点击打开链接</a>

<a href="http://www.baidu.com" target="_blank">我是胸前有A---这个才是真正的链接,点击试试!</a>

</body>

</html>

思路:获取行对象→获取列对象→使用innerHTML为单元格添加超链接内容,实例演示如下:

1、HTML结构

<table id = "test">

<tr><td>1</td><td>1</td><td>2</td><td>3</td></tr>

<tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>

<tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>

<tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>

</table>

第<input type="text" id="row">行第<input type="text" id="col">列<input type='button' value='确定' onclick="fun()"/>

2、javascript代码

function fun(){

row = document.getElementById("row").value - 1

col = document.getElementById("col").value - 1

tr = document.getElementById("test").getElementsByTagName("tr")

td = tr[row].getElementsByTagName("td")[col]

td.innerHTML = "<a href='#'>超链接</a>"

}

3、效果演示


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11427304.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存