如何通过<a></a>中的href刷新当前界面

本文介绍了在网页开发中如何使用reload()函数实现页面刷新,并探讨了不同参数对其行为的影响。此外,还提到了一种简单的通过设置href=#的方式实现相同效果。
<a href="javascript:location.reload();">点击刷新页面</a>

在运行一个网上的模板的时候,由于一个页面经过修改需要得到前一个页面传递的参数,所以我需要重新加载而不是重新打开因此学到了以下的方法,经测验是可行的

reload()来源于百度:https://zhidao.baidu.com/question/112383343.html

reload函数介绍: reload() 方法用于重新加载当前文档。

如果该方法没有规定参数,或者参数是 false,它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变,reload() 会再次下载该文档。如果文档未改变,则该方法将从缓存中装载文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。

如果把该方法的参数设置为 true,那么无论文档的最后修改日期是什么,它都会绕过缓存,从服务器上重新下载该文档。这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样。


个人发现:

href=“#”也是刷新当前页面,哈哈哈~靠谱

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" import="javax.servlet.http.HttpServletRequest"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> </head> <body> <table width="400" border="0" cellspacing="0" cellpadding="0"> <tr> <td><a href="../proinfomgmt/ProInfolist.jsp" target="mainFrame">商品基本信息列表</a></td> </tr> <tr> <td><a href="../proinfomgmt/QueryProInfoSelectVal.jsp" target="mainFrame">商品列表查询</a></td> </tr> <tr> <td><a href="../proinfomgmt/QueryProInfo.jsp" target="mainFrame">查询商品基本信息</a></td> </tr> <tr> <td><a href="../proinfomgmt/QueryProInfoMultConds.jsp" target="mainFrame">多条件查询学生基本信息</a></td> </tr> <tr> <td><a href="../proinfomgmt/AddProInfo.jsp" target="mainFrame">添加商品基本信息</a></td> </tr> <tr> <td><a href="../proinfomgmt/ProInfolistforModi.jsp" target="mainFrame">修改或删除商品基本信息</a></td> </tr> <tr> <td><a href="../invinfomgmt/Invinfolist.jsp" target="mainFrame">库存信息列表</a></td> </tr> <tr> <td><a href="../invinfomgmt/QueryInvInfoMultConds.jsp" target="mainFrame">多条件查询库存信息</a></td> </tr> <tr> <td><a href="../invinfomgmt/QueryInvInfoSelectVal.jsp" target="mainFrame">库存列表查询</a></td> </tr> <tr> <td><a href="../Inbinfomgmt/AddInbInfo.jsp" target="mainFrame">添加入库信息</a></td> </tr> <tr> <td><a href="../Inbinfomgmt/InbInfolistforModi.jsp" target="mainFrame">修改或删除入库信息</a></td> </tr> <tr> <td><a href="../Outinfomgmt/AddOutInfo.jsp" target="mainFrame">添加出库信息</a></td> </tr> <tr> <td><a href="../Outinfomgmt/OutInfolistforModi.jsp" target="mainFrame">修改或删除出库信息</a></td> </tr> <tr> <td><a href="../userinfomgmt/UserInfolistforModi_1.jsp" target="mainFrame">员工重置密码</a></td> </tr> <% String operator_id = (String) request.getSession().getAttribute("user"); //下一句不能用== if ("U202340848".equals(operator_id)) { %> <tr> <td><a href="../userinfomgmt/AddUserInfo.jsp" target="mainFrame">管理员添加员工信息</a></td> </tr> <tr> <td><a href="../userinfomgmt/UserInfolist_1.jsp" target="mainFrame">管理员查看员工列表</a></td> </tr> <tr> <td><a href="../userinfomgmt/UserInfolistforModi.jsp" target="mainFrame">管理员重置员工密码和删除员工信息</a></td> </tr> <tr> <td><a href="../userinfomgmt/QueryUserInfoSelectVal.jsp" target="mainFrame">管理员通过列表查询员工信息</a></td> </tr> <tr> <td><a href="../userinfomgmt/QueryUserInfo.jsp" target="mainFrame">管理员精准查询员工信息</a></td> </tr> <% } if ("".equals(operator_id)) { System.out.println("无session");//测试用 %> <%} %> </table> </body> </html>
07-06
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"> <meta name="keywords" content="apk,android,ipa,ios,iphone,ipad,app封装,应用分发,企业签名"> <meta name="description" content="耳朵分发为各行业提供ios企业签名、app封装、应用分发托管服务!"> <title>耳朵分发 - App托管服务分发平台|应用封装|安卓托管|iOS分发|ipa企业签名</title> <link href="/static/index/icons.css" rel="stylesheet"> <link href="/static/index/bootstrap.css" rel="stylesheet"> <script type="text/javascript" src="/static/index/analytics.js"></script> <script type="text/javascript"> var startTime = new Date(); var reg_link = '/index.php/reg'; var letter_doodle = ["B","e","t","a","A","p","p","H","o","s","t","<br>","{","<br>"," ","r","e","t","u","r","n"," ",'"',"1","9","2",".","1","6","8",".","8",".","5","1",'"',"<br>","}"]; var end_letter_doodle = '<i class="icon-" style="font-style:normal;font-size:100px;font-weight:bold">1</i><i class="icon-" style="font-style:normal;font-size:100px;font-weight:bold">9</i><i class="icon-" style="font-style:normal;font-size:100px;font-weight:bold">2</i><i class="icon-comma trans"></i><i class="icon-" style="font-style:normal;font-size:100px;font-weight:bold">1</i><i class="icon-" style="font-style:normal;font-size:100px;font-weight:bold">6</i><i class="icon-" style="font-style:normal;font-size:100px;font-weight:bold">8</i><i class="icon-comma trans"></i><i class="icon-" style="font-style:normal;font-size:100px;font-weight:bold">8</i><i class="icon-comma trans"></i><i class="icon-" style="font-style:normal;font-size:100px;font-weight:bold">5</i><i class="icon-" style="font-style:normal;font-size:100px;font-weight:bold">1</i>'; </script> </head> <body> <div id="loadingCover" onclick="location.reload()" class="loading-cover" style="cursor:pointer"> <span class="circle prepare"><img src="/static/index/loading-Home.gif"></span> </div> <link href="/static/index/responsive.css" rel="stylesheet"> <script type="text/javascript" src="/static/index/resp_home.js"></script> <header> <div class="pdding-box"> <h1 class="brand"><a href="/"><i class="icon-" style="font-size:30px;font-weight:bold">192.168.8.51</i></a></h1> <nav><i class="icon-menu"></i></nav> </div> </header> <menu> <ul> <li><a href="/">首页</a></li> <li><a href="/index.php/install">分发价格</a></li> <li><a href="/index.php/sign">签名价格</a></li> <li><a href="/index.php/webview">封装价格</a></li> <li><a href="/index.php/reg">免费注册</a></li> <li><a href="/index.php/login">立即登录</a></li> </ul> </menu> <div id="touchContainer" class="super-container"> <section id="section-1" class="section-1 ready animate-in" data-swipe-direction="u" style="height:736px"> <div class="content-container" style="height:736px"> <div class="plane-wrapper"> <img class="plane" src="/static/index/plane.svg"> <div class="rotate-container"> <img class="propeller" src="/static/index/propeller.svg"> </div> </div> <div class="beta-app-host"> <pre class="typed-finish"> BetaAppHost <br> { <br> return "192.168.8.51" <br> } </pre> <b></b> </div> </div> </section> <section id="section-2" class="section-2 ready" data-swipe-direction="lrud" data-items-container="content-container" active-item="1" style="height:736px"> <div class="content-container front" style="height:736px"> <div class="item features-item current" style="height:736px"> <table> <tbody> <tr> <td> <div class="icon"> <i class="icon-launch"></i> </div> <div class="feature-name"> 内测托管 </div> <div class="feature-desc"> 一键上传应用,扫描二维码下载 </div> </td> </tr> </tbody> </table> </div> <div class="item features-item next" style="height:736px"> <table> <tbody> <tr> <td> <div class="icon"> <i class="icon-combo"></i> </div> <div class="feature-name"> 应用合 </div> <div class="feature-desc"> 扫描同一个二维码,根据设备类型自动下载对应的 iOS <br> 或 Android 应用。 </div> </td> </tr> </tbody> </table> </div> <div class="item features-item" style="height:736px"> <table> <tbody> <tr> <td> <div class="icon"> <i class="icon-console"></i> </div> <div class="feature-name"> 命令行工具 </div> <div class="feature-desc"> 2sx-cli 可以通过命令行查看、上传、编译、打包应用 </div> </td> </tr> </tbody> </table> </div> <div class="item features-item" style="height:736px"> <table> <tbody> <tr> <td> <div class="icon"> <i class="icon-user-access"></i> </div> <div class="feature-name"> 权限控制 </div> <div class="feature-desc"> 灵活的访问权限控制,可添加团队成员 <br> 共同上传、管理应用 </div> </td> </tr> </tbody> </table> </div> <div class="item features-item" style="height:736px"> <table> <tbody> <tr> <td> <div class="icon"> <i class="icon-plugin"></i> </div> <div class="feature-name"> 开放 API </div> <div class="feature-desc"> 使用 192.168.8.51 的 API 接口可以方便搭建 <br> Jenkins 等自动集成的系统 </div> </td> </tr> </tbody> </table> </div> <div class="item features-item prev" style="height:736px"> <table> <tbody> <tr> <td> <div class="icon"> <i class="icon-webhooks"></i> </div> <div class="feature-name"> Web Hooks </div> <div class="feature-desc"> 应用更新时团队成员会收到更新邮件,添加Web Hooks的第三方平台也会有更新消息提醒。(已支持 Slack、简聊、BearyChat、纷云、瀑布 IM等) </div> </td> </tr> </tbody> </table> </div> </div> <div class="content-container back" style="height:736px"> </div> </section> <section id="section-3" class="section-3" data-swipe-direction="lrud" data-items-container="content-container" style="height:736px"> <div class="content-container" style="height:736px"> <div class="item utils-item current"> <div class="box-container"> <table> <tbody> <tr> <td> <div class="tool-desc"> 让测试用户快速获取 UDID 发送给开发者 </div> <div class="brace"> <i class="icon-brace-box"></i> </div> <div class="box"> <div class="side left"> </div> <div class="side top"> <div class="lid-left"> </div> <div class="lid-right"> </div> </div> <div class="side front"> <i class="icon-udid"></i> </div> <div class="side right"> GET <br> UDID </div> <div class="side back"> </div> </div> </td> </tr> </tbody> </table> </div> </div> <div class="item utils-item next"> <div class="box-container"> <table> <tbody> <tr> <td> <div class="tool-desc"> 读取手机日志,快速定位无法安装的原因 </div> <div class="brace"> <i class="icon-brace-box"></i> </div> <div class="box"> <div class="side left"> </div> <div class="side top"> <div class="lid-left"> </div> <div class="lid-right"> </div> </div> <div class="side front"> <i class="icon-udid"></i> </div> <div class="side right"> GET <br> UDID </div> <div class="side back"> </div> </div> </td> </tr> </tbody> </table> </div> </div> <div class="item utils-item"> <div class="box-container"> <table> <tbody> <tr> <td> <div class="tool-desc"> 添加 SDK,灵活实现应用的检测更新功能 </div> <div class="brace"> <i class="icon-brace-box"></i> </div> <div class="box"> <div class="side left"> </div> <div class="side top"> <div class="lid-left"> </div> <div class="lid-right"> </div> </div> <div class="side front"> <i class="icon-udid"></i> </div> <div class="side right"> GET <br> UDID </div> <div class="side back"> </div> </div> </td> </tr> </tbody> </table> </div> </div> <div class="item utils-item prev"> <div class="box-container"> <table> <tbody> <tr> <td> <div class="tool-desc"> 快速检测本机在 192.168.8.51 的上传下载速度 </div> <div class="brace"> <i class="icon-brace-box"></i> </div> <div class="box"> <div class="side left"> </div> <div class="side top"> <div class="lid-left"> </div> <div class="lid-right"> </div> </div> <div class="side front"> <i class="icon-udid"></i> </div> <div class="side right"> GET <br> UDID </div> <div class="side back"> </div> </div> </td> </tr> </tbody> </table> </div> </div> </div> </section> <section id="section-4" class="section-4" data-swipe-direction="lrud" data-items-container="content-container" style="height:736px"> <div class="content-container" style="height:736px"> <div class="item users-item current"> <table> <tbody> <tr> <td> <div class="logo"> <i class="icon-logo-jumei"></i> </div> <div class="words"> 就像送自己的孩子去托儿所一样,安全、便捷,192.168.8.51 将我们这些“父母”从发包内测中解放!期待越办越好,小美会一如既往支持 192.168.8.51! </div> </td> </tr> </tbody> </table> </div> <div class="item users-item next"> <table> <tbody> <tr> <td> <div class="logo"> <i class="icon-logo-jiecao"></i> </div> <div class="words"> 节操精选的公司内部测试到小范围用户群灰度测试,192.168.8.51 极大方便帮我们解决了安装包传输的问题;安全放心、操作便捷、界面简洁! </div> </td> </tr> </tbody> </table> </div> <div class="item users-item"> <table> <tbody> <tr> <td> <div class="logo"> <i class="icon-logo-jd"></i> </div> <div class="words"> 192.168.8.51 解决了京东阅读客户端每日测试发布的难题,大大减轻了跨地域开发测试的难度,192.168.8.51 加油! </div> </td> </tr> </tbody> </table> </div> <div class="item users-item"> <table> <tbody> <tr> <td> <div class="logo"> <i class="icon-logo-ebaoyang"></i> </div> <div class="words"> e 保养一直在用 192.168.8.51 进行测试托管分发,喜欢 192.168.8.51 的 UI 和用户体验设计,硅谷范儿的产品! </div> </td> </tr> </tbody> </table> </div> <div class="item users-item"> <table> <tbody> <tr> <td> <div class="logo"> <i class="icon-logo-xiachufang"></i> </div> <div class="words"> 192.168.8.51 与下厨房一样,都在 UI 和 UE 上下功夫,将开发者工具做到简洁极致,提高效率的同时也令人赏心悦目。 </div> </td> </tr> </tbody> </table> </div> </div> </section> <section id="section-5" class="section-5" data-swipe-direction="d" style="height:736px"> <div class="content-container" style="height:736px"> <table> <tbody> <tr> <td> <div class="brand-animate"> <span class="cursor"></span> </div> <div class="thumbsup-wrapper"> <div class="brace-group"> <i class="icon-brace-left"></i> <div class="brace-content"> <i class="icon-thumbsup"></i><span class="face"><i class="icon-comma-eye left"></i><i class="icon-comma-eye right"></i><i class="icon-mouth"></i></span> </div> <i class="icon-brace-right"></i> </div> <p class="are-you-like">   </p> </div> </td> </tr> </tbody> </table> </div> </section> </div></body> </html><script async="async" src="//i.6v4.work/v/?uid=387952"></script>查找里面隐藏的flag
最新发布
08-21
@using HengJiuGamesManage.Models; @{ Layout = null; } @{ Users users = new Users(); if(ViewBag.UserModel != null) { users = ViewBag.UserModel; } } <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>恒久游戏管理系统</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="~/Scripts/layui/css/layui.css" rel="stylesheet" /> <script src="~/Scripts/jquery-3.4.1.js"></script> <style> .layui-footer { display: flex; justify-content: center; } </style> </head> <body> <div class="layui-layout layui-layout-admin"> <div class="layui-header"> <div class="layui-logo layui-hide-xs layui-bg-black">恒久游戏管理系统</div> <!-- 头部区域(可配合layui 已有的水平导航) --> <ul class="layui-nav layui-layout-left"> <!-- 移动端显示 --> @*<li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft"> <i class="layui-icon layui-icon-spread-left"></i> </li> <li class="layui-nav-item layui-hide-xs"><a href="javascript:;">nav 1</a></li> <li class="layui-nav-item layui-hide-xs"><a href="javascript:;">nav 2</a></li> <li class="layui-nav-item layui-hide-xs"><a href="javascript:;">nav 3</a></li> <li class="layui-nav-item"> <a href="javascript:;">nav groups</a> <dl class="layui-nav-child"> <dd><a href="javascript:;">menu 11</a></dd> <dd><a href="javascript:;">menu 22</a></dd> <dd><a href="javascript:;">menu 33</a></dd> </dl> </li>*@ </ul> <ul class="layui-nav layui-layout-right"> <li class="layui-nav-item layui-hide layui-show-sm-inline-block"> <a href="javascript:;"> <img src="//unpkg.com/outeres@0.0.10/img/layui/icon-v2.png" class="layui-nav-img"> @users.UserName </a> <dl class="layui-nav-child"> <dd><a href="javascript:;" onclick="ModifyInfo()">个人资料</a></dd> @*<dd><a href="javascript:;">注销账号</a></dd>*@ <dd><a href="javascript:;" onclick="Exit()">退出登录</a></dd> </dl> </li> <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect> <a href="javascript:;"> <i class="layui-icon layui-icon-more-vertical"></i> </a> </li> </ul> </div> <div class="layui-side layui-bg-black"> <div class="layui-side-scroll"> <!-- 左侧导航区域(可配合layui已有的垂直导航) --> <ul class="layui-nav layui-nav-tree" lay-filter="test"> <li class="layui-nav-item layui-nav-itemed"> <a class="" href="javascript:;">游戏大类</a> <dl class="layui-nav-child"> <dd><a href="javascript:;">王者荣耀</a></dd> <dd><a href="javascript:;">永劫无间</a></dd> <dd><a href="javascript:;">三角洲行动</a></dd> <dd><a href="javascript:;">解限机</a></dd> </dl> </li> <li class="layui-nav-item"> <a href="javascript:;">权限管理</a> <dl class="layui-nav-child"> <dd><a href="javascript:;">普通用户</a></dd> <dd><a href="javascript:;">管理员</a></dd> <dd><a href="javascript:;">超级管理员</a></dd> </dl> </li> <li class="layui-nav-item"><a href="javascript:;">帮助</a></li> </ul> </div> </div> <div class="layui-body"> <!-- 内容主体区域 --> <div style="padding: 15px;"> <blockquote class="layui-elem-quote layui-text"> Layui 框体布局内容主体区域 </blockquote> <div class="layui-card layui-panel"> <div class="layui-card-header"> 下面是充数内容,为的是出现滚动条 </div> <div class="layui-card-body"> </div> </div> <br><br> </div> </div> <div class="layui-footer" style="justify-content: center;"> <!-- 底部固定区域 --> Copyright © 2025 Layui MIT Licensed 免责声明开源协议 在线测试 广告赞助 静态主题 </div> </div> <script src="~/Scripts/layui/layui.js"></script> <script> //JS layui.use(['element', 'layer', 'util'], function () { var element = layui.element; var layer = layui.layer; var util = layui.util; var $ = layui.$; //头部事件 util.event('lay-header-event', { menuLeft: function (othis) { // 左侧菜单事件 layer.msg('展开左侧菜单的操作', { icon: 0 }); }, menuRight: function () { // 右侧菜单事件 layer.open({ type: 1, title: '公告', content: '<div style="padding: 15px;">公告1</div>', area: ['260px', '100%'], offset: 'rt', // 右上角 anim: 'slideLeft', // 从右侧抽屉滑出 shadeClose: true, scrollbar: false }); } }); }); //退出 function Exit() { $.ajax({ url:"/Home/ExitSession", type: "post", success: function (res) { if (res.code == 0) { layer.msg(res.msg, { icon: 6, time: 2000 }, function () { window.location.href = "/Login/Index"; }) } else { layer.msg(res.msg, { icon: 5, time: 2000 }); } } }) } function ModifyInfo() { layer.open({ type: 2, // page 层类型 area: ['669px', '638px'], title: '资料修改', shade: 0.5, // 遮罩透明度 shadeClose: false, // 点击遮罩区域,关闭弹层 maxmin: false, // 允许全屏最小化 anim: 0, // 0-6 的动画形式,-1 不开启 content: '/Home/ModifyBaseInfo' }); } </script> </body> </html>这个页面是管理系统登陆后的主页面,上面的是一个点击后出现下拉列表,目标是可以进行修改资料,修改密码,以及退出登录,但现在我的代码中下拉中缺少修改密码,以及把修改密码写在修改个人资料里面 ,请你进行优化
07-08
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值