精华内容
下载资源
问答
  • HTML页面跳转及参数传递
    千次阅读
    2020-07-29 15:52:59

    HTML页面跳转:

    window.open(url, "", "width=600,height=400");
     
    //第二个参数:_self,在当前窗口打开窗口;_blank(默认值),在另外的新建窗口打开新窗口;
     
    window.location.href="http://www.jb51.net";     //在同当前窗口中打开窗口
     
    window.history.back(-1);    //返回上一页面
     
     <a href="http://www.baidu.net"  target="_blank">

    HTML参数传递:

    1. url传参:

    第一个页面(a.html):
     
    var obj = a.value; //传给弹出页面参数
    var url = 'jxb.html?obj='+obj;
    url = encodeURI(url);
    window.open(url, "", "width=600,height=400");
     
    第二个页面(b.html):
     
    var url = decodeURI(window.location.href);
     
    var argsIndex = url .split("?obj=");
    var arg = argsIndex[1];

    注:中文传输:可以在页面a用encodeURI 编码url  在b页面用decodeURI解码url

    2. cookie传参:

    function setCookie(cname,cvalue){
        document.cookie = cname + "=" + cvalue;
    }
    function getCookie(cname){
        var name = cname + "=";
        var ca = document.cookie;
    }

    3. localStorage对象传参:

    a.html:
    var div = doucment.getElementById('要获取字符串的DIV ID名');
    localStorage.string = div.textContent;
     
    b.html:
    var div = doucment.getElementById('要写入的DIV ID名');
    div.textContent = localStorage.string;

    4. window.opener()

    父页面:
     
    <input type="text" name="textfield" id="textfield"/>
     
    window.open("子页面.html");
     
    子页面:
     
    window.opener.document.getElementByIdx('textfield').value='123123123';

    页面跳转时参数携带与参数接收的几种方式

    1.js中页面跳转

    location.href = path + "/weixin/jsp/submitNewSuccess.jsp?package_number="+package_number  

    参数接收方式:

    1. <script type="text/javascript">  
    2.     var package_number = "<%=request.getParameter("package_number")%>";  
    3. </script>  

    2.java代码中页面重定向

    request.setAttribute("openid", openid); 

    request.getRequestDispatcher("/weixin/jsp/weixinLogin.jsp").forward(request, response);  

    页面中参数接收方式:

    var openid =  "<%=request.getAttribute("openid")%>";  

    把参数在java代码里面放到session里面:

    request.getSession().setAttribute("openid", openId());  

    页面中接收参数的方式:

    1. <script type="text/javascript">  
    2.     var openid =  "<%=request.getSession().getAttribute("openid")%>";  
    3. </script>  
    更多相关内容
  • HTML页面跳转及传递参数

    千次阅读 2022-01-16 14:16:11
    这里使用ajax实现页面跳转并传参; 实例:用户在登录界面输入账号密码后跳转到用户界面并且传递账号姓名; 1、页面跳转: 登录界面ajax跳转代码: $.ajax({ url:"/webapi/login/user", data:{ username:...

    这里使用ajax实现页面跳转并传参;

    实例:用户在登录界面输入账号密码后跳转到用户界面并且传递账号姓名;

    1、页面跳转:

    登录界面ajax跳转代码:

    $.ajax({
                url:"/webapi/login/user",
                data:{
                    username:name,
                    password:password
                }
    
            }).done(function (rs) {
    
                if (rs>=0){
                    //成功
                    window.location.href="/student/list";
                }else{
                    alert("出错了,您的用户名和密码有误");
                }
            });

    如果账号密码输入正确,网页就会跳转到 “/student/list" 页面:

     window.location.href="/student/list";

    2、传递参数

    将跳转页面代码改为如下形式:

    window.location.href="/student/list?xm="+$("#username").val();

    这样就在页面跳转到 “/student/list" 页面时,将用户登录的姓名也传递到该页面;

    “/student/list" 页面接收传递信息的代码:

    定义一个id选择子:

    <li><h4 id="hyn"></h4></li>

    js接收代码:

    var url = decodeURI(location.search); //获取url中"?"符后的字串 ?vm_id=2
    var dd;
    if(url.indexOf("?") != -1) {undefined
        str = url.substr(1);
        strs = str.split("=");
        dd = strs[1];
    }
    $("#hyn").html("欢迎您! " +dd);

    效果图展示:

    登录 (姓名为abc):

    跳转页面效果:

     

     

    展开全文
  • HTML页面跳转的5种方法

    千次阅读 2021-06-08 18:04:53
    下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html(根据自己需要自行修改)文件。1) html的实现优点:简单缺点:Struts Tiles中无法使用2) javascript的实现// 以下方式...

    下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html(根据自己需要自行修改)文件。

    1) html的实现

    优点:简单

    缺点:Struts Tiles中无法使用

    2) javascript的实现

    // 以下方式直接跳转

    window.location.href='hello.html';

    // 以下方式定时跳转

    setTimeout("javascript:location.href='hello.html'", 5000);

    优点:灵活,可以结合更多的其他功能

    缺点:受到不同浏览器的影响

    3) 结合了倒数的javascript实现(IE)

    5

    var second = totalSecond.innerText;

    setInterval("redirect()", 1000);

    function redirect(){

    totalSecond.innerText=--second;

    if(second<0) location.href='hello.html';

    }

    优点:更人性化

    缺点:firefox不支持(firefox不支持span、div等的innerText属性)

    3') 结合了倒数的javascript实现(firefox)

    var second = document.getElementById('totalSecond').textContent;

    setInterval("redirect()", 1000);

    function redirect()

    {

    document.getElementById('totalSecond').textContent = --second;

    if (second < 0) location.href = 'hello.html';

    }

    4) 解决Firefox不支持innerText的问题

    5

    if(navigator.appName.indexOf("Explorer") > -1){

    document.getElementById('totalSecond').innerText = "my text innerText";

    } else{

    document.getElementById('totalSecond').textContent = "my text textContent";

    }

    5) 整合3)和3')

    5

    var second = document.getElementById('totalSecond').textContent;

    if (navigator.appName.indexOf("Explorer") > -1) {

    second = document.getElementById('totalSecond').innerText;

    } else {

    second = document.getElementById('totalSecond').textContent;

    }

    setInterval("redirect()", 1000);

    function redirect() {

    if (second < 0) {

    location.href = 'hello.html';

    } else {

    if (navigator.appName.indexOf("Explorer") > -1) {

    document.getElementById('totalSecond').innerText = second--;

    } else {

    document.getElementById('totalSecond').textContent = second--;

    }

    }

    }

    实现网页页面跳转的几种方法&lpar;meta标签、js实现、php实现&rpar;

    1.meta标签实现 只需在head里加上下面这一句就行了,在当前页面停留0.1秒后跳转到目标页面  代码如下 复制代码 1

    ASP&period;NET页面跳转的三种方法比较

    在ASP.NET下,经常需要在页面之间跳转,下面我们来分别介绍一下关于.NET中Response.Redirect(),Sever.Execute(),Server.Transfer() 三种页面跳转 ...

    jquery&sol;js&sol;a标签实现当前页面跳转的两种方法

    在逛购物网站首页时经常看到侧边导航栏,当我们点击导航栏中某一项时会跳转到当前页面的某一处 有两种方法实现,一种是利用js计算好各位置的高度,通过绑定事件使页面跳转到指定位置,另一种是利用a标签进行当前 ...

    微信小程序页面跳转的四种方法

    wx.navigateTo({}) ,保留当前页面,跳转到应用内的某个页面,使用 wx.navigateBack 可以返回; 示例: 1 wx.navigateTo({ 2 url:'../test/ ...

    uni-app 页面跳转的两种方法

    1.navigator  标签

    随机推荐

    Tomcat 启动报错:No default web&period;xml

    原因是:tomcat 中conf 目录中的 web.xml 被无意删除掉了.从其他tomcat中复制一个过来就行了. conf 目录 没有 web.xml 导致的问题是,server.xml 中配置的 ...

    JavaScript中的this指向

    this是谁 技术一般水平有限,有什么错的地方,望大家指正. this代指当前对象super调用父类的构造函数,应表会运网数物,加载驱动建立链接执行SQL处理结果,直到现在每想起这三点就能想起我上大学 ...

    php 数据库insert函数

    jmeter jdbc request使用详解

    1.在使用 jdbc request之前需要加载一个jar包 在test plan中将jar包引入到classpath中 2.创建一个JDBC Connection Configuration Var ...

    Python自动化之select解析

    select原理 网络通信被Unix系统抽象为文件的读写,通常是一个设备,由设备驱动程序提供,驱动可以知道自身的数据是否可用.支持阻塞操作的设备驱动通常会实现一组自身的等待队列,如读/写等待队列用于支 ...

    Printf&lpar;&rpar;输出格式控制(转)

    int printf(const char *format,[argument]); format 参数输出的格式,定义格式为: %[flags][width][.perc] [F|N|h|l]typ ...

    STM32学习笔记——新建工程模板步骤(向原子哥学习)

    1.  在创建工程之前,先在电脑的某个目录下面建立一个文件夹,我们先把它命名为Template,后面建立的工程可以放在这个文件夹下.在 Template 工程目录下面,新建 3 个文件夹USER , ...

    泛泰A880S升级官方4&period;4&period;2 binx教程

    之前为了尝鲜,直接官升4.4.2,红砖了.越南兄弟说官方没更新升级工具,所以导致升级到78%就停止了,他给的办法,我试也没成功.官方旧版本号又不能升级S0221118以上的版本号,新版的离线升级工具没 ...

    常用的key和oid

    1.FortiGate Template-Network-Office-Fortigate-Session Count:key,fgSysSesCount   oid,.1.3.6.1.4.1.123 ...

    展开全文
  • HTML页面跳转的5种方法。

    千次阅读 2021-11-22 12:12:50
    下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html...-- 以下方式只是刷新不跳转到其他页面 --> <metahttp-equiv="refresh" content="10"> <!-- 以.

    转自: 微点阅读(www.weidianyuedu.com)微点阅读 - 范文大全 - 免费学习网站

    下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html(根据自己需要自行修改)文件。

    1) html的实现

    1

    2

    3

    4

    5

    6

    <head>

    <!-- 以下方式只是刷新不跳转到其他页面 -->

    <meta http-equiv="refresh" content="10">

    <!-- 以下方式定时转到其他页面 -->

    <meta http-equiv="refresh" content="5;url=hello.html">

    </head>

    优点:简单

    缺点:Struts Tiles中无法使用

    2) javascript的实现

    1

    2

    3

    4

    5

    6

    <script language="javascript" type="text/javascript">

    // 以下方式直接跳转

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

    // 以下方式定时跳转

    setTimeout("javascript:location.href="hello.html"", 5000);

    </script>

    优点:灵活,可以结合更多的其他功能

    缺点:受到不同浏览器的影响

    3) 结合了倒数的javascript实现(IE)

    1

    2

    3

    4

    5

    6

    7

    8

    9

    <span id="totalSecond">5</span>

    <script language="javascript" type="text/javascript">

    var second = totalSecond.innerText;

    setInterval("redirect()", 1000);

    function redirect(){

    totalSecond.innerText=--second;

    if(second<0) location.href="hello.html";

    }

    </script>

    优点:更人性化

    缺点:firefox不支持(firefox不支持span、div等的innerText属性)

    3") 结合了倒数的javascript实现(firefox)

    1

    2

    3

    4

    5

    6

    7

    8

    9

    <script language="javascript" type="text/javascript">

    var second = document.getElementById("totalSecond").textContent;

    setInterval("redirect()", 1000);

    function redirect()

    {

    document.getElementById("totalSecond").textContent = --second;

    if (second < 0) location.href = "hello.html";

    }

    </script>

    4) 解决Firefox不支持innerText的问题

    1

    2

    3

    4

    5

    6

    7

    8

    <span id="totalSecond">5</span>

    <script language="javascript" type="text/javascript">

    if(navigator.appName.indexOf("Explorer") > -1){

    document.getElementById("totalSecond").innerText = "my text innerText";

    } else{

    document.getElementById("totalSecond").textContent = "my text textContent";

    }

    </script>

    5) 整合3)和3")

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    19

    20

    21

    22

    23

    24

    <span id="totalSecond">5</span>

    <script language="javascript" type="text/javascript">

    var second = document.getElementById("totalSecond").textContent;

    if (navigator.appName.indexOf("Explorer") > -1)  {

    second = document.getElementById("totalSecond").innerText;

    } else {

    second = document.getElementById("totalSecond").textContent;

    }

    setInterval("redirect()", 1000);

    function redirect() {

    if (second < 0) {

    location.href = "hello.html";

    } else {

    if (navigator.appName.indexOf("Explorer") > -1) {

    document.getElementById("totalSecond").innerText = second--;

    } else {

    document.getElementById("totalSecond").textContent = second--;

    }

    }

    }

    </script>

    展开全文
  • 【HTML】Html页面跳转的5种方式

    万次阅读 2019-09-15 18:33:22
    目录结构: contents structure [-] html实现 javascript方式实现 结合了倒数的javascript实现(IE) 解决Firefox不支持innerText的问题 结...
  • HTML页面跳转(重定向)

    千次阅读 2020-03-04 10:45:13
    原文地址:https://www.feiniaomy.com/post/196.html 自从,我在博客上留下自己的QQ对话方式以后,不少的访客都通过QQ联系方,找到我咨询一些问题。如果我看到了都会及时回复,但也有不少人,都会发些莫名其妙的...
  • HTML页面跳转的方法

    万次阅读 2019-04-21 10:25:23
    HTML页面跳转的方法
  • html页面跳转及回退的几种方式

    千次阅读 2020-03-06 13:31:39
    1.在页面里面跳转 比如有iframe 外壳 是在iframe 里面跳转 window.location.href="****" 回退用:window.history.back() 或者 window.history.go(-1) 2.基于浏览器的跳转 有外壳 可以直接跳出来 window.open("***...
  • html页面跳转的五个方法

    万次阅读 2018-09-06 21:28:16
    HTML页面跳转的5种方法 下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html(根据自己需要自行修改)文件。1) html的实现 &nbsp; ?123456&lt;head&...
  • 这两天做项目 想在页面上直接跳转传对象,以多条件搜索功能为例 //获取值并跳转 window.location.href=encodeURI("/app/search?teacher{id:'"+id+"',name:'"+name+"',age:'"+age+"',course:'"+course+"'}"); ...
  • Html页面跳转传参,中文乱码解决

    千次阅读 2019-01-16 10:58:59
    var searchUrl=encodeURI('index2.html?name=' + name + '&amp;danwei=' + danwei) window.location.href = searchUrl; 第二个页面 var url = decodeURI(window.location.href.split('?...
  • html页面跳转传递参数

    万次阅读 2016-11-22 15:32:48
    从a.html跳转到b.html页面,如果给b.html传递参数,可以通过下面的方式来传递: 直接将参数拼接到url上,如b.html?param1=aa¶m2=bb 通过正则表达式解析参数 a页面代码: <!DOCTYPE html> <html> ...
  • springboot-thymeleaf(html页面跳转

    万次阅读 2018-01-05 21:05:41
    遇到的问题:按照别人的blog搭thymeleaf页面就是html页面跳转不了,我那个郁闷呀!!!终于尝试了无数遍搞好了,报的错误是模板不存在。 ctrl层对比代码 易犯错误1 @RequestMapping(value ="/home_3", method = ...
  • ![图片说明](https://img-ask.csdn.net/upload/201612/02/1480638574_772635.jpg) 如何达到点击图片中的不同菜单,链接到不同的html页面,并且要求把链接页面放在详细页面的位置,求大神指教
  • java web(html页面跳转问题)

    千次阅读 2018-11-27 21:47:00
    html-&gt;servlet emmm怎么说那,一个蠢问题,耽误了好长时间 &lt;form name = "reg",action="/hello/logServlet" method = get&gt; 用户名:&lt;input name = "...
  • html页面跳转及参数传递

    千次阅读 2017-08-26 15:08:06
    1. 第一个html页面代码 // table点击事件 $('#table').on('click-row.bs.table', function (e, row, $element, field) { if(field == "scene_name" || field == "scene"){ var index = $('#table').bootstrap...
  • 最近事情比较多,小婷已经没有足够的时间去学习新的知识点,就写一写简单的东西吧,这些还是从前学习前端的时候留下的课堂的笔记,那个时候喜欢记笔记,觉得总是有用的...b.html?type=1"&gt;校园招聘&l...
  •   Logout 跳转的是跟这一页(transform.html)相同模板的页面,Profile跳转的是从另一套html模板中修改的页面 求解问什么始终无法正常,具体如图
  • 假设从1.html跳转至2.html的子页面,则:①在1.html中添加点击事件:******②然后在后台controller中,@RequestMapping(value = "/customerManageNew")public ModelAndView customerManageNew(){ModelAndView mv =...
  • html页面跳转以及传值的处理

    千次阅读 2020-11-19 14:23:55
    这篇文章主要介绍了静态页面html中跳转传值的JS处理技巧,结合实例形式分析了HTML页面跳转通过URL传递参数的方法与javascript处理技巧,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了静态页面html中跳转...
  • HTML实现页面跳转

    千次阅读 2020-10-12 20:36:59
    要用到两个页面,第一个显示密码和提交按钮,若密码正确,则跳转到另一个页面(第二个页面)。第二个页面中放入几张图片即可。 one: <!DOCTYPE html> <html> <head> <style> .login{ ...
  • 代码如下:点击链接 点击后你的链接是不是在框架里面 如果是要加上 target="_top"如何设置在html中保留超链接格式但不实现跳转html为什么超链接不跳转页面检查一下html超链接是否书写正确。html 超链接如何设置点击...
  • HTML实现页面自动跳转的五种方法

    千次阅读 2021-06-08 16:19:46
    在上篇文章给大家介绍了HTML页面3秒后自动跳转的三种常见方法,本文继续给大家介绍有关html页面跳转相关知识,一起学习吧。下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 397,957
精华内容 159,182
关键字:

html 页面跳转