js加超链接

JavaScript027

js加超链接,第1张

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

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

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

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

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

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

实现代码如下：

<script language="javascript">

<!--

function Foo()

{

//do something

}

//-->

</script>

<img src="http://www.veryhuo.com/images/bbslogo_8831.gif" _fcksavedurl="http://www.veryhuo.com/images/bbslogo_8831.gif">

<a href="javascript:Foo()" _fcksavedurl="javascript:Foo()">使GIF动画静止的链接</a><br /><center>烈火网更多教程，请访问：<a href=http://www.veryhuo.com/ target=_blank _fcksavedurl="http://www.veryhuo.com/ target=_blank">http://www.veryhuo.com/</a></center>

解决方法探讨：

<a onclick="javascript:Foo()">链接</a>

此时不影响动画显示，但鼠标移上去后，鼠标及超链接样式不发生变化，虽然可以利用样式表来改变鼠标及超链接样式，但毕竟有些繁琐，况且这种思路也不好。

再考查如下代码：

<a onclick="javascript:Foo()" href="#">链接</a>

可以发现，虽然点击链接后不影响动画显示，但页面总是滚到最上面，这种效果也不是我们想要的。

最终解决方法：

<a onclick="javascript:Foo()return false" href="#">不影响GIF的链接</a>

由于点接链接后，先触发onclick，再执行href属性对应的值，在onclick中加上return false中断了执行，所以页面就不会跳到最上部了。

1、创建超链接节点

var a=document.createElement("a")

2、为节点赋值href属性

a.href="网址"

3、设置超链接页面显示的内容

a.innerText="我是超链接"+i

4、把节点添加到页面上

document.body.appendChild(a)