PHP——0128练习相关2——js点击button按钮跳转到另一个新页面
点击按钮怎么跳转到另外一个页面呢?我们在网站制作中可能是需要的,因为有时我们需要做这样的效果,尤其是将按钮做成一个图片,而点击图片要跳转到新的页面时,怎么做到呢?
这样的效果可以:onclick="window.location='新页面'" 来实现。
1.在原来的窗体中直接跳转用
代码如下
window.location.href="你所要跳转的页面";
2、在新窗体中打开页面用:
代码如下
window.open('你所要跳转的页面');
window.history.back(-1);返回上一页
代码如下
<input type="submit" name="Submit" value="同意" onclick=window.open(http://www.jb51.net/)>
如果要在点击按钮提交时验证输入款是否填入了内容,要怎么做呢?当用户名输入或者其它的为空的时候,点击按钮不提交,可以按下列的方法做。
代码如下
<input type="submit" name="submit" onclick="open()">
<script language=javascript> fuction open(){
if(!document.form_name.username.value) {
alert("请输入用户名!"); document.form_name.username.focus(); return false;
}else document.form_name.action="aaa.htm";
} </script>
这样的话,当空值时,点击按钮还是不会跳转到另外的页面呢?这样就达到了效果了。
JS跳转页面参考代码
代码如下
第一种:
<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
< /script>
第二种:
<script language="javascript">
alert("返回");
window.history.back(-1);
< /script>
第三种:
<script language="javascript">
window.navigate("top.jsp");
< /script>
第四种:
<script language="JavaScript">
self.location='top.htm';
< /script>
第五种:
<script language="javascript">
alert("非法访问!");
top.location='xx.jsp';
< /script>
=====javascript中弹出选择框跳转到其他页面=====
<script language="javascript"> <!-- function logout()...{ if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{ window.location.href="logout.asp?act=logout" } } --> </script>
=====javascript中弹出提示框跳转到其他页面=====
<script language="javascript"> <!-- function logout()...{ alert("你确定要注销身份吗?"); window.location.href="logout.asp?act=logout" } --> </script>
最新文章
- python用来压缩目录的脚本
- linux下删除文件夹的命令
- PostgresSQL 学习资料记录处
- 好,开始没做出来 guess-number-higher-or-lower-ii
- C#一些知识点:委托和事件的区别
- BZOJ 1709: [Usaco2007 Oct]Super Paintball超级弹珠
- php接收二进制数据流转换成图片
- Unity3d 项目管理 版本管理
- TCP慢启动算法
- HDU 2414 Chessboard Dance (力模拟)
- 关于Ubuntu的ssh免密登录
- 多线程编程-- part 5.3 LockSupport
- 京东消息中间件JMQ
- bootstrap 选项卡的使用
- eclipse快速查看工程代码行数
- windowns 下备份mysql数据库
- (最小生成树)Constructing Roads -- poj -- 2421
- 5种调优Java NIO和NIO.2的方式
- SAFEARRAY
- Django基础之Model操作
热门文章
- DG日志不应用,GAP,主备切换解决思路与办法
- JS-为句柄添加监听函数
- Mac下的 /private 是个什么目录?
- Intent的用法总结(不进你会后悔的)
- 同步网络时间到linux服务器(先修改时区再进行同步网络时间)
- 无法加载协定为“JavaWebService.UserInfoDelegate”的终结点配置部分,因为找到了该协定的多个终结点配置。请按名称指示首选的终结点配置部分。
- Linux Samba安装与使用
- 在Flex (Flash)中嵌入HTML 代码或页面—Flex IFrame
- <;c:redirect>;标签的使用
- vue 父子组件传值的另外一种方式 provide inject