本文介绍了一个使用HTML和JavaScript实现的简单网页跳转功能。通过下拉菜单选择不同的选项，页面会跳转到相应的网址。此示例展示了基本的网页元素与脚本结合的方法。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<script language=JavaScript>
function Transfer(x)
{
//将selsect1对象赋给变量list，方便以后引用，虽然这里只引用一次，但是作为一个好习惯，我们还是有必要坚持的
//呵呵 天轰穿哥哥说的
var list=document.tran.slcTrancfer;
location=list.options[x].value;
}
</script>
<form method=post name="tran">
<select id="slcTrancfer" onchange="Transfer(options.selectedIndex);">
<option value="#">Please choose where you want go</option>
<option value=" http://blog.youkuaiyun.com/hongbo0521/MyArticles.aspx">hongbo's Blog</option>
<option value=" http://www.youkuaiyun.com">优快云</option>
<option value=" http://www.163.com">sina</option>
</select>
</form>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<script language=JavaScript>
function Transfer(x)
{
//将selsect1对象赋给变量list，方便以后引用，虽然这里只引用一次，但是作为一个好习惯，我们还是有必要坚持的
//呵呵 天轰穿哥哥说的
var list=document.tran.slcTrancfer;
location=list.options[x].value;
}
</script>
<form method=post name="tran">
<select id="slcTrancfer" onchange="Transfer(options.selectedIndex);">
<option value="#">Please choose where you want go</option>
<option value=" http://blog.youkuaiyun.com/hongbo0521/MyArticles.aspx">hongbo's Blog</option>
<option value=" http://www.youkuaiyun.com">优快云</option>
<option value=" http://www.163.com">sina</option>
</select>
</form>
</body>
</html>
扫一扫
7119
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
