zoukankan      html  css  js  c++  java
  • 教你如何制作网页上的友情链接--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、实现的效果如下图所示:

     

  • 相关阅读:
    《Spring_Four》第二次作业 基于Jsoup的大学生考试信息展示系统开题报告
    《Spring_Four》第一次作业:团队亮相
    4.11jsp
    4.7jsp
    3.17jsp
    3.24jsp
    3.10jsp
    3.4软件测试
    回文串
    博客园第二次作业
  • 原文地址:https://www.cnblogs.com/qikeyishu/p/7601102.html
Copyright © 2011-2022 走看看