js加超链接

js加超链接,第1张

1、JavaScript自动跳转方法一:使用setInterval()方法实现页面自动跳转。

2、JavaScript语言中,setInterval()方法的详细介绍如下图所示。主要介绍方法的定义,作用和语法

3、使用setInterval()方法,让一个网页跳转函数实现延迟调用。

4、JavaScript自动跳转方法二:使用setTimeout()方法实现页面自动跳转。

5、JavaScript语言中,setTimeout()方法的详细介绍如下图所示。主要介绍方法的定义,作用和语法。

6、使用setTimeout()方法,实现延迟自动重新打开一个新链接窗口。

imgArr.map(imglink =>{

const atags = document.createElement('a')

const imgtags = document.createElement('img')

imgtags.src = imglink.path

atags.href = imglink.path

atags.appendChild(imgtags)

})

思路:获取行对象→获取列对象→使用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/11926869.html

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

发表评论

登录后才能评论

评论列表(0条)

保存