教你如何制作网页上的友情链接--JavaScript基础

大部分网站的首页都有友情链接的功能,此功能可通过location对象的href属性来实现……

href属性:设置或检索完整的url字符串

1、"友情链接制作"示例代码:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>网页上“友情链接”的制作</title>
</head>
<body>
<form name="form">
  <select name="select" onchange="friLink();">
    <option >--友情链接--</option>
    <option value="http://grs.pku.edu.cn/">北京大学研究生院</option>
    <option value="http://www.tsinghua.edu.cn/publish/yjsy/686/">清华大学研究生院</option>
    <option value="http://grs.zju.edu.cn/">浙江大学研究生院</option>
    <option value="http://www.gs.fudan.edu.cn/">复旦大学研究生院</option>
  </select>
</form>
<script type="text/javascript">
function friLink() {
  location.href = document.form.select.value;
}
</script>
</body>
</html>

2、实现的效果如下图所示:

 

posted @ 2017-09-27 13:24  牛新龙的IT技术博客  阅读(1643)  评论(0编辑  收藏  举报