当前位置: 首页 > 编程笔记 >

javascript使用switch case实现动态改变超级链接文字及地址

萧无尘
2023-03-14
本文向大家介绍javascript使用switch case实现动态改变超级链接文字及地址,包括了javascript使用switch case实现动态改变超级链接文字及地址的使用技巧和注意事项,需要的朋友参考一下

代码很简单,我这里就不多废话了,小伙伴们直接看源码吧。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>动态改变超级链接文字及地址</title>

<link href="css/css.css" rel="stylesheet" type="text/css">

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

function netbankusername()

{

values=form.bankname.options[form.bankname.selectedIndex].value;

texts=form.bankname.options[form.bankname.selectedIndex].text;

  switch (form.bankname.selectedIndex)

    {

       case 1:

        //document.links[0].href="http://www.cmbchina.com/";

        //shownetbank1.innerHTML="http://www.cmbchina.com/(招商银行)";

        document.links[0].href=values;

        shownetbank1.innerHTML=values+"("+texts+")";

        break;

       case 2:

           //document.links[0].href="http://www.cib.com.cn/netbank/netbank.portal";

        //shownetbank1.innerHTML="http://www.cib.com.cn/netbank/netbank.portal(兴业银行)";

        document.links[0].href=values;

        shownetbank1.innerHTML=values+"("+texts+")";

        break;

        default:

            alert(form.bankname.selectedIndex);

        break;

    }

}

</script>

</head>

<body>

<form action="cardinfo_action.asp?action=insert" method="post" name="form" id="form">

<table width="200" border="0">  

<tr>    

<td>请选择</td>

<td>

<select name="bankname" onChange="netbankusername()" id="bankname">

<option value="">请选择</option>

<option value="http://www.cmbchina.com/">招商银行</option>

<option value="http://www.cib.com.cn/netbank/netbank.portal">兴业银行</option>

<option value="http://www.baidu.com">其他</option>

</select></td>  

</table>

</form>

<div style="border:1px solid #ccc;margin:1px;width:600px;height:20px;"><a href="#" target="_blank" id="shownetbank1" name="shownetbank1">未选择银行</a></div>

</body>

</html>

是不是超级简单实用呢。。。经常看看比较大的站,还是可以解除到不少好东西的。

 类似资料:
  • 在HTML中,通过 a 元素来定义超链接,并通过 a 元素的 href 属性来定义链接的目标地址。 <a href = "http://www.www.waibo">百度</a> 默认情况下,超链接是蓝色字体并带有下划线,被访问后,链接文本会变为紫色并且也带有下划线。并且,默认的链接样式平淡无奇,通过CSS,可以设置超链接的各种属性,如字体、颜色、背景等,并结合链接伪类,便可以实现各种各样的动态

  • 左下角默认为NSIS名称及版本号,如果想自定义文字,可以在 ShowInstDetails show ShowUnInstDetails show 下面添加 BrandingText "轻狂志www.flighty.cn" 效果如图: 如果想给文字加上超链接,请继续加代码: 在; MUI 预定义常量下面加 !define MUI_CUSTOMFUNCTION_GUIINIT onGUIInit

  • 本文向大家介绍javascript实现动态改变层大小的方法,包括了javascript实现动态改变层大小的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript实现动态改变层大小的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍javascript实现类似超链接的效果,包括了javascript实现类似超链接的效果的使用技巧和注意事项,需要的朋友参考一下 实现类似超链接的效果,this代表本页面元素 小伙伴们是否对javascript的事件有所认识了呢,有疑问就给我留言吧

  • 本文向大家介绍BootStrap 超链接变按钮的实现方法,包括了BootStrap 超链接变按钮的实现方法的使用技巧和注意事项,需要的朋友参考一下 上面代码效果如下: btn btn-default :变成一个按钮样子 btn-lg : 大号的按钮 btn-block : 按钮填充整个宽度 JS按钮(bootstrap)超链接 html代码: button是bootstrap样式,请先加入boot

  • 主要内容:静态链接库,动态链接库,总结我们知道,C、C++程序从源文件到生成可执行文件需经历 4 个阶段,分别为预处理、编译、汇编和链接,本节将重点围绕链接阶段,对静态链接库和动态链接库做详细的讲解。 有关链接操作的具体细节,感兴趣的读者可阅读《 到底什么是链接,它起到了什么作用?》和《 符号——链接的粘合剂》这两节。总的来说链接阶段要完成的工作,就是将同一项目中各源文件生成的目标文件以及程序中用到的库文件整合为一个可执行文件。 通过