js加超链接

JavaScript017

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、使所有的窗口都在子窗口打开

<script language="javascript">

//跳到新窗口

function externallinks() {

if (!document.getElementsByTagName) return

var anchors = document.getElementsByTagName_r("a")

for (var i=0i<anchors.lengthi++) {

var anchor = anchors[i]

if (anchor.getAttribute("href"))

anchor.target = "_blank"

}

}

window.onload = externallinks

</script>

2、超链接,一部分在本窗口打开,大部分在新窗口打开

只要在超链接那设置target="_self",并改为如下:

<script language="javascript">

function externallinks() {

if (!document.getElementsByTagName) return

var anchors = document.getElementsByTagName_r("a")

for (var i=0i<anchors.lengthi++) {

var anchor = anchors[i]

if (anchor.getAttribute("target")!='_self')

anchor.target = "_blank"

}

}

window.onload = externallinks

</script>

3、这是用jquery,让其所有超链接在新窗口打开

<script type="text/javascript" src="JQuery/jquery-1.4.2.js"></script>

<script type="text/javascript">

$(document).ready(function() {

$("a").attr("target","_blank")

})

</script>

4、用jquery,想让一部分超链接在新窗口打开,只要在基范围加个id就好了,比如,<div id="ccc"><a href="index.html">首页</a></div>

<script type="text/javascript" src="JQuery/jquery-1.4.2.js"></script>

<script type="text/javascript">

$(document).ready(function() {

$("div#ccc a").attr("target","_blank")

})

</script>