当面跳转的核心代码是:"location.href=value"
新页面打开的核心代码是:"window.open()"
而还需注意的就是javasrcipt代码的嵌入位置:(1)直接跳转或打开的javascript 代码是嵌入在<select>中的,(2)提交后跳转或新页面打开是嵌入到提交按钮中的,并且按钮不是用"submit",而是用"button",调用javascript 是用"onclick",而没有在<form>中用"onsubmit"
下面分别是四种情况的代码:
a1(当页,直接跳转):
<select name="qq" onchange="javascript:location.href=this.value;">
<option value="http://www.zol.com.cn" selected="selected" >zol</option>
<option value="http://www.163.com" >163</option>
<option value="http://www.sina.com" >sina</option>
<option value="http://www.sohu.com" >sohu</option>
</select>
b1(新页面,直接打开):
<select name="" onchange="javascript:window.open(this.options[this.selectedIndex].value)">
<option value="http://www.zol.com.cn" selected="selected" >zol</option>
<option value="http://www.163.com" >163</option>
<option value="http://www.sina.com" >sina</option>
<option value="http://www.sohu.com" >sohu</option>
</select>
可以看到,直接跳转或直接打开,javascript 的代码都不需要查找标签"select"的位置,不需引用form 或 select 的名字,只是通过"this"进行当前的指定.下次像这样形式的"select",CTRL+C CRTL+V 就可以用了.
a2(当页,提交后跳转)
<form name="frm2" action="">
<select name="page2">
<option value="./date.html" selected="selected" >zol</option>
<option value="http://www.163.com" >163</option>
<option value="http://www.sina.com" >sina</option>
<option value="http://www.sohu.com" >sohu</option>
</select>
<input type="button" value="提交" onclick="javascript:location.href=document.frm2.page2.options[document.frm2.page2.selectedIndex].value;"/>
</form>
b2(新页面,提交后打开)
<form name="frm" action="">
<select name="page">
<option value="./date.html" selected="selected" >zol</option>
<option value="http://www.163.com" >163</option>
<option value="http://www.sina.com" >sina</option>
<option value="http://www.sohu.com" >sohu</option>
</select>
<input type="button" value="提交" onclick="javascript:window.open(document.frm.page.options[document.frm.page.selectedIndex].value)"/>
</form>
a2,b2跟a1,b1不同之处在于必须对form 和 select 进行命名,因为在javascript代码中需要用到其名字进行指定行为的对象.用到其它地方时,需要对form select 的名字,及代码中进行对应的修改(黄色的字体).
http://www.corange.cn/archives/2008/10/2132.html
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/piperzero/archive/2009/07/04/4321102.aspx
分享到:
相关推荐
js跳转页面方法:按钮式、直接跳转式、开新窗口、在原来的窗体中直接跳转用、最基本的弹出窗口代码、经过设置后的弹出窗口、终极应用--弹出的窗口之Cookie控制
主要介绍了JS控制div跳转到指定的位置的几种解决方案总结,小编觉得挺不错的,现在分享给大家,也给大家做个参考。
本文实例讲述了JavaScript实现通过select标签跳转网页的方法。分享给大家供大家参考,具体如下: 我们经常有遇到需要用select标签跳转到新网页的情况,dw生成的代码太复杂,那么有没有精简的代码得以实现呢?经过...
主要介绍了JavaScript实现单击下拉框选择直接跳转页面的方法,涉及javascript控制页面跳转的相关技巧,需要的朋友可以参考下
5.Checkbox用javascript控制全选 6.分页,跳到下一页,记录上一页面Checkbox选中状态 7.清除Checkbox选中状态 8.跳转页面,传参选中的Checkbox对应的姓名 之前是从网上看到的保存checkbox分页选中状态,但是没有传参...
这个JavaScript控制页面5秒后自动跳转的代码在很多开发中经常需要用到,感兴趣的朋友可以收藏一下! <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <...
自动刷新页面+自动跳转和关闭: JavaScript是一种扩展到HTML的脚本设计语言,它使网页开发者可以更有效地控制页面
在JavaScript中,跳转语句是控制程序流程的关键工具,它们允许程序员在特定条件下提前结束循环或者跳过当前循环的剩余部分。这篇文档主要讨论了两种跳转语句:`break`和`continue`,并通过具体的案例进行解释。 ...
使用 JavaScript 可以将用户从一个页面跳转到另一个页面,并将原窗口替换成新的页面。 Response.Write("<script language='javascript'>window.location='Default2.aspx'</script>"); 这个方法可以将原窗口替换...
* 掌握 JavaScript 控制结构的使用 实验难点: * 掌握分支结构的 JavaScript 程序设计 * 掌握循环结构的 JavaScript 程序设计 实验设备: * 计算机 * 多媒体设备 实验目的和要求: * 掌握 JavaScript 的基本...
6.13.html 使用JavaScript控制按钮是否可用。 6.14.html 重置按钮的效果。 6.15.html 提交按钮的效果。 第7章(\c07) 示例描述:学习JavaScript的事件处理。 7.1.html 双击某行变换背景色。 7.2....
1.20 用JavaScript随机修改页面的标题.htm 1.21 判断网页加载完毕.htm 1.22 嵌入网页的播放器.htm 1.23 设置指定网页为主页.htm 1.24 使用JavaScript传递页面参数.htm 1.25 页面被冻结.htm 1.26 页面的地震...
AngularJS是一个javascript框架,通过AngularJS这个类库可以实现目前比较流行的单页面应用,...使用app.config来定义不同的location地址加载不同的页面,并拥有独立的控制器; var app = angular.module('MyApp', ['n
1.21 用JavaScript随机修改页面的标题 1.22 判断网页加载完毕 1.23 嵌入网页的播放器 1.24 设置指定网页为主页 1.25 使用JavaScript传递页面参数 1.26 页面被冻结 第 2章 按钮特效 2.1 页面刷新按钮 2.2 按回车调用...
1.21 用JavaScript随机修改页面的标题 1.22 判断网页加载完毕 1.23 嵌入网页的播放器 1.24 设置指定网页为主页 1.25 使用JavaScript传递页面参数 1.26 页面被冻结 第 2章 按钮特效 2.1 页面刷新按钮 2.2 按回车调用...
先说一下需求,我在做一个权限管理的时候,需要在点击某个模块时,Session中相应的改变模块代号,而实现这个操作的是一个a标签,当然我不知道 一个linkbutton是否可以同时将跳转页面和修改Session做了,个人感觉...
示例描述:在HTML中用JavaScript控制图像页面。 11_1.htm 不停闪烁的图片。 11_2.htm 图片展示选项。 11_3.htm 图片的渐显播放。 11_4.htm 将图片固定在页面左上角。 11_5.htm 左右移动的图片。 11_6....
function uer_quanxian($id){ //$_GET['id']传过来的控制器文件夹 控制器名字 方法名字 中间没有/ $sq = "select yz_qx_href from xf_qx where id=".$_SESSION['founder'].""; $res = $this->db->query($sq)->...
主要介绍了iframe里使用JavaScript控制主页转向的方法,涉及使用javascript实现iframe页面跳转的技巧,需要的朋友可以参考下
示例描述:在HTML中用JavaScript控制图像页面。 11_1.htm 不停闪烁的图片。 11_2.htm 图片展示选项。 11_3.htm 图片的渐显播放。 11_4.htm 将图片固定在页面左上角。 11_5.htm 左右移动的图片。 11_6....