JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能。下面我们来看一下如何使用JavaScript跳转页面。

JavaScript中几种页面跳转的方法:window.location.href= 'url': 比较常用的方法,直接跟指定要跳转的地方。

window.history.back(-1);: 参见的浏览器返回上一个已访问的页面,直到访问最初访问的页面。

window.navigate("url");: navigate对象包含有关浏览器的信息,也可以作为页面跳转,后面直接加要跳转的地方。

top.location= 'url';: 当页面中有内嵌框架时,指定最顶层的窗口跳转,及包含框架的最外层浏览器 。

示例:

要实现从一个页面A跳到另一个页面B,js实现就在A的js代码加跳转代码

JS跳转大概有以下几种方式:

第一种:(跳转到b.html)

window.location.href="b.html";

第二种:(返回上一页面)

window.history.go(-1);

第三种:

window.navigate("b.html");

第四种:

top.location=’b.html’;

想要了解更多相关知识,可访问 前端学习网站!!

html中实现页面跳转代码怎么写,用JavaScript怎么实现页面跳转?相关推荐

  1. 读的, 且经过美化, 能在所有 JavaScript 环境中运行, 并且应该和对应手写的 JavaScript 一样快或者更快.

    目录 试一试 CoffeeScript 代码和注释 CoffeeScript 是一门编译到 JavaScript 的小巧语言. 在 Java 般笨拙的外表下, JavaScript 其实有着一颗华丽的 ...

  2. html中多个图片轮播代码怎么写,Html5如何快速在页面中写出多个轮播图效果

    我们在做项目的过程中,有时候客户需求要求你在同一个页面中,写几个不同样式的轮播图效果,那么如何快速实现呢?(要知道若果你每个轮播图都要用原生javascript写的话,会很麻烦,代码也不够简洁) 这里 ...

  3. c语言小游戏跳一跳代码及注释,如何获得微信小游戏跳一跳源码以及源代码组合包括哪些...

    原标题:如何获得微信小游戏跳一跳源码以及源代码组合包括哪些 很多小游戏都是由源代码编写而成的,那大家知道源代码组合包括哪些吗?手机游戏源代码怎么使用的呢?还有,如何获得微信小游戏跳一跳源码?下面就由奇 ...

  4. html跳转代码 搜索引擎,HTML JS跳转代码:蜘蛛正常访问 用户访问直接跳转

    蜘蛛正常访问 用户访问直接跳转,这样的需求相信有很多人都遇到过,也就是:当用户点击进入网站页面的时候,会直接跳转到指定的网页,但是当蜘蛛进来访问时就不会跳转,让蜘蛛可以正常抓取. 如果你现在正好需要这 ...

  5. php域名301设置,PHP网站域名301重定向跳转代码设置,PHP网站如何做301跳转

    Linux下301重定向设置,301很容易出错,同时也是一个优化中的必做项目,不同源码模板和不同服务器商家,以及不同的开发语言之间301有细微差别,下面是常规301的写法,希望对你有所帮助: 1.登陆 ...

  6. php判断手机 跳转代码,php判断客户端是手机设备然后跳转到手机站

    // 如果是手机设置,跳转到手机页面 if (isMobile ()) { Header ( "Location: mobile.php" ); exit (); } /** * ...

  7. html+轮播图下标跳转代码,最简单的JavaScript图片轮播代码(两种方法)

    通过改变每个图片的opacity属性: 素材图片: 代码一: 最简单的轮播广告 body, div, ul, li { margin: ; padding: ; } ul { list-style-t ...

  8. html中轮播图片js代码怎么写,js+html+css实现轮播图

    首先先把轮播图的结构搭建起来(html),代码如下: 结构可自行搭建,结构搭建完接着就是用css去进行修饰美化 此时的ul是没有给它设置固定的宽和高的,高可以先设置,宽不能,等下让图片一张接一张一的动 ...

  9. html页面显示html代码怎么写,求助这段代码如何转换成正常可看的HTML页面

    .东:版当 分类用g9江公时限5传0限北者出敏词本··-商tB7教5北i4浙电版a文书发排版息司有务0大-京新8播 7侵S2与必版0S0K有出司公1: 所授实出当行制7-作4:超记权7-书名愚权I0由 ...

最新文章

  1. Python中的继承和多态
  2. pip国内常用源及配置方式
  3. git submodule 删除及更新URL
  4. SpringBoot中使用@Mapper注解需要哪个包
  5. designpatterns -- strategy
  6. 中石油训练赛 - Plan B(点双缩点+树形dp)
  7. IIS7批量FTP客户端工具软件
  8. CTO职场解惑指南系列(一)
  9. java输出动物,求大神帮助输出为什么只有动物名,几条腿,怎么叫,没有汤姆猫叫等...
  10. Junit测试Controller(MockMVC使用),传输@RequestBody数据解决办法
  11. Android studio 不能识别(显示?????)部分手机的解决办法
  12. 算法怎么就这么难?----使用欧几里得算法求两数的最大公约数
  13. 如何搭建监狱高清1080P OTT/IPTV电视系统
  14. 【vscode】程序员居然用vscode听网易云
  15. 计算机二级有没有年龄,九龄童通过全国计算机二级 创年龄最小纪录(图)_新闻中心_新浪福建_新浪网...
  16. Linux7安装keepalive,keepalive配置文件详解
  17. HTTP/HTTPS与流量劫持/DNS劫持
  18. 2020年12月特许金融分析师CFA考试难度分析!
  19. SpringMVC(8)——格式化转换器Formatter
  20. 16年前阿里的前台小姐,马云许诺坚持十年就分1亿,她现状如何 ?

热门文章

  1. 计算机pe启动蓝屏怎么办,U盘重装系统进入PE蓝屏怎么办
  2. Python将py文件转换为pyd文件
  3. 计算机组成原理课程设计(很全面有保障)
  4. 邓白氏编码申请最后提交资料格式
  5. Linux上的Shebang符号(#!)
  6. .CreateFeatureClass报错原因解析
  7. 关于SAXReader 读取文件乱码问题
  8. 关于Ai打开图片,颜色变色问题
  9. 日常坚持记账,简单好用的记账本分享给你
  10. JDBC简介及原理和使用介绍