教你如何制作网页上的友情链接--JavaScript基础
2017-09-27 13:24
381 查看
大部分网站的首页都有友情链接的功能,此功能可通过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、实现的效果如下图所示:
![](https://images2017.cnblogs.com/blog/1186474/201709/1186474-20170927132221528-381160562.gif)
相关文章推荐
- javaScript基础---(一):如何在网页中实现javaScript脚本语言
- javaScript基础---(一):如何在网页中实现javaScript脚本语言
- 网页制作基础:如何去掉超链接的下划线(转自:http://homepage.yesky.com/346/2551346.shtml)
- Javascript代码如何应用到网页中
- 如何制作ror.xml和sitemap.xml让网页更利收录
- (二)简单的介绍如何制作网页
- HTML-利用CSS和JavaScript制作一个切换图片的网页
- DIV+CSS制作网页之如何设置z-index
- 如何在CSDN博客添加友情链接
- 如何选用网页制作工具
- 如何学习网页制作。。。
- 网页制作(四)---重新声明 JavaScript 变量
- 利用JavaScript基础制作小样品
- javascript基础 如何选择前台技术,我选了YUI
- 1201 网页基础--JavaScript(DOM)
- 如何在手机浏览器网页中点击链接跳转到QQ聊天界面
- JavaScript动态网页制作宝库
- unigui不是单个网页相应的链接,而是整体Web Application,如何把webApp的子功能映射到微信公众号菜单?
- 如何在CSDN博客添加友情链接
- [转]如何才能分辨友情链接好与坏呢?