下拉菜单点击实现连接跳转功能的js代码

JavaScript025

下拉菜单点击实现连接跳转功能的js代码,第1张

1.js代码

复制代码

代码如下:

<!--

function

MM_jumpMenu(targ,selObj,restore){

eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'")

if

(restore)

selObj.selectedIndex=0

}

-->

2.使用

复制代码

代码如下:

<p

class="yq">校友会链接:</p>

<p>

<label>

<select

name="select2"

onchange="MM_jumpMenu('parent',this,0)">

<option>

请选择

</option>

<option

value="http://www.fudan.org.cn/">

复旦大学校友网

</option>

<option

value="http://www.pku.org.cn/">

北京大学校友网

</option>

<option

value="http://www.tsinghua.org.cn/alumni/index.do">

清华大学校友网

</option>

</select>

</label></p>

要实现从一个页面A跳到另一个页面B,js实现就在A的js代码加跳转代码

JS跳转大概有以下几种方式:

第一种:(跳转到b.html)

<script language="javascript" type="text/javascript">

window.location.href="b.html"

</script>

第二种:(返回上一页面)

<script language="javascript">

window.history.back(-1)

</script>

第三种:

<script language="javascript">

window.navigate("b.html")

</script>

第四种:

<script language="JavaScript">

self.location=’b.html’

</script>

第五种:

<script language="javascript">

top.location=’b.html’

</script>