js实现select跳转菜单新窗口效果代码分享(超简单)_javascript技巧

这是一款基于js实现select跳转菜单新窗口效果代码,分享给大家学习学习

运行效果图:----------------------查看效果-----------------------

小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。
为大家分享的js实现select跳转菜单新窗口效果代码如下

<select onchange="window.open(this.options[this.selectedIndex].value)" name="select">
<option value="http://www.jb51.net/jiaoben/" selected="selected">脚本下载</option>
<option value="http://www.jb51.net/list/index_1.htm">网络编程</option>
<option value="http://www.jb51.net/books/">电子书籍</option>
</select>

以上就是为大家分享的js实现select跳转菜单新窗口效果代码,希望大家可以喜欢。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索js跳转新窗口
js跳转新窗口打开
javascript打开新窗口、javascript弹出新窗口、javascript 新窗口、js跳转新窗口、js跳转新窗口打开,以便于您获取更多的相关知识。

时间: 2024-09-14 05:40:06

js实现select跳转菜单新窗口效果代码分享(超简单)_javascript技巧的相关文章

js模拟select下拉菜单控件的代码_javascript技巧

复制代码 代码如下: <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <meta charset=utf-8 /> <title>js模拟select</title> </head>    <style>   *{ marg

在新窗口打开超链接的方法小结_javascript技巧

一 让整个网页页面内的链接都在新窗口打开:在head中加入 <base target="_blank"> 二 让一个DIV里所有链接在新窗口打开: 在body中加入 复制代码 代码如下: <SCRIPT LANGUAGE="JavaScript"> <!- var anchors = document.getElementById("DIV名").getElementsByTagName("a")

JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)_javascript技巧

废话不多说了,直接给大家贴代码了. // 每隔五秒定时刷新当前窗口 setTimeout("self.location.reload();",5000); //js 定时关闭窗口(ie和FF中测试过) //6秒后自动关闭当前窗口 setTimeout("window.opener=null;window.close()",6000); 下面给大家介绍下javascript定时器使用 使用定时器实现JavaScript的延期执行或重复执行 window对象提供了两个方

js获取html的span标签的值方法(超简单)_javascript技巧

HTML中代码为: <span id="testid">aaaa</span> 获取的js代码: 方法一:.innerText var x1 = document.getElementById("testid").innerText; alert("x1="+x1); 方法二:.innerHTML var x2 = document.getElementById("testid").innerHTML;

js带前后翻页的图片切换效果代码分享_javascript技巧

本文实例讲述了javascript带前后翻页的图片切换效果.分享给大家供大家参考.具体如下: 这是一款基于javascript带前后翻页的图片切换效果代码,实现过程很简单. 运行效果图: -------------------查看效果------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 在head区域引入CSS样式: <link href="css/css.css" rel="stylesheet" type=&qu

js添加千分位的实现代码(超简单)_javascript技巧

JS 添加千分位,测试可以使用 <script language="javascript" type="text/javascript"> function comdify(n){ var re=/\d{1,3}(?=(\d{3})+$)/g; var n1=n.replace(/^(\d+)((\.\d+)?)$/,function(s,s1,s2){return s1.replace(re,"$&,")+s2;}); re

原生js实现ajax方法(超简单)_javascript技巧

上一篇文章写到原生js取代jquery的一些常用函数:原生js仿jquery一些常用方法,那么,ajax如何实现呢?如下是一个比较完整的ajax() function ajax(){ var ajaxData = { type:arguments[0].type || "GET", url:arguments[0].url || "", async:arguments[0].async || "true", data:arguments[0].d

JS在一定时间内跳转页面及各种刷新页面的实现方法_javascript技巧

1.js 代码: <SCRIPT LANGUAGE="JavaScript"> var time = 5; //时间,秒 var timelong = 0; function diplaytime(){ //时间递减 document.all.his.innerHTML = time -timelong ; timelong ++; } function redirect(){ //跳转页 //history.back(); window.location.href=&qu

js添加select下默认的option的value和text的方法_javascript技巧

<pre name="code" class="java"> jsp 中的下拉框标签: <s:select name="sjx" id="sjx" list="sjxList" listKey="BM" listValue="MC" size="20" cssStyle="width:100%;height:70px;