下拉菜单点击实现连接跳转功能的js代码_javascript技巧

1.js代码

复制代码 代码如下:

<!--
function MM_jumpMenu(targ,selObj,restore){
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
-->

2.使用

复制代码 代码如下:

<p class="yq">校友会链接:</p>
<p>
<label>
<select name="select2" onchange="MM_jumpMenu('parent',this,0)">
<option>
请选择
</option>
<option value="http://www.fudan.org.cn/">
复旦大学校友网
</option>
<option value="http://www.pku.org.cn/">
北京大学校友网
</option>
<option value="http://www.tsinghua.org.cn/alumni/index.do">
清华大学校友网
</option>
</select>
</label></p>

时间: 2024-10-31 14:10:50

下拉菜单点击实现连接跳转功能的js代码_javascript技巧的相关文章

下拉菜单点击实现连接跳转功能的js代码

 1.js代码 代码如下: <!-- function MM_jumpMenu(targ,selObj,restore){ eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); if (restore) selObj.selectedIndex=0; } --> 2.使用  代码如下: <p class="yq">校友会链接:<

手机平板等移动端适配跳转URL的js代码_javascript技巧

复制代码 代码如下: <script type="text/javascript">if(/AppleWebKit.*mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.

BootStrap 下拉菜单点击之后不会出现下拉菜单(下拉菜单不弹出)的解决方案_javascript技巧

最近学到Bootstrap下拉菜单,学懂了教程内容之后自己敲一个点击按钮底下弹出下拉菜单的小demo,写完代码发现运行之后点击按钮没反应,下拉菜单弹不出来,对照教程感觉代码没错. 我的代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>下拉菜单</title> <link rel="

JS遍历ul下的li点击弹出li的索引的实现方法_javascript技巧

首先我们需要一个html结构 <div > <ul> <li>a</li> <li>a</li> <li>a</li> <li>a</li> <li>a</li> </ul> </div> 我们遍历ul 下所有的li 并添加点击事件,一般我们会在for循环里面添加点击事件,但是结果和我们所期盼不一样,那么是为什么呢???? 接下来看看我们的

wap浏览自动跳转到wap页面的js代码_javascript技巧

如何让用户输入wap手机网站的网址时自动跳转到wap网站 ?wap页面自动跳转的实现方式 ?如何判断访客是否是移动设备访问,自动跳转到wap页面 ?手机自动跳转到手机页面,一个网址区分普通访问与手机访问 ?手机访问网站域名时如果实现自动跳转到wap页面 ? 本文就可以解决这些问题! 复制代码 代码如下: function is_mobile() {     var regex_match = /(nokia|iphone|android|motorola|^mot-|softbank|foma|

JS封装的三级联动菜单(使用时只需要一行js代码)_javascript技巧

前言 在实际的项目开发中,我们经常需要三级联动,比如省市区的选择,商品的三级分类的选择等等. 而网上却找不到一个代码完整.功能强大.使用简单的三级联动菜单,大都只是简单的讲了一下实现思路. 下面就给大家分享我在工作中封装并在项目中使用的三级级联操作代码,如有错误或者不当的地方欢迎大家指正. 使用简单(只需要一行代码) 可以根据需要设置是否显示"请选择"项 支持回调(在三级分类加载完成后触发回调事件) 支持一个页面多个级联菜单 演示效果预览: 三级联动封装 原理:将selec标签以及相关

顶部缓冲下拉菜单导航特效的JS代码_javascript技巧

复制代码 代码如下: <script type="text/javascript">            $(function() {                var d=300;                $('#navigation a').each(function(){                    $(this).stop().animate({                        'marginTop':'-80px'       

JS下高效拼装字符串的几种方法比较与测试代码_javascript技巧

在使用Ajax提交信息时,我可能常常需要拼装一些比较大的字符串通过XmlHttp来完成POST提交.尽管提交这样大的信息的做法看起来并不优雅,但有时我们可能不得不面对这样的需求.那么JavaScript中对字符串的累加速度如何呢?我们先来做下面的这个实验.累加一个长度为30000的字符串. 测试代码1 - 耗时: 14.325秒 复制代码 代码如下: var str = ""; for (var i = 0; i < 50000; i++) { str += "xxxx

直接拿来用的页面跳转进度条JS实现_javascript技巧

本文实例介绍了基于javascript实现的页面跳转进度条,分享给大家供大家参考,具体内容如下 效果图: 具体代码: <HTML> <HEAD> <TITLE>open代码</TITLE> <SCRIPT type=text/javascript> <!-- var ie5 = (document.all && document.getElementsByTagName); var step = 0; function se