html跳转页面 url不变,实现页面的跳转后,浏览器的地址栏不变
方法一:
使用js脚本:
function createXMLHttpRequest(){
if(window.XMLHttpRequest){
XMLHttpR = new XMLHttpRequest();
}else if(window.ActiveXObject){
try{
XMLHttpR = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
XMLHttpR = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){
}
}
}
}
function sendRequest(url){
createXMLHttpRequest();
XMLHttpR.open("GET",url,true);
XMLHttpR.setRequestHeader("Content-Type","text/html;charset=gb2312");
XMLHttpR.onreadystatechange = processResponse;
XMLHttpR.send(null);
}
function processResponse(){
if(XMLHttpR.readyState ==4 &&
XMLHttpR.status == 200){
document.write(XMLHttpR.responseText);
}
}
方法二:
使用iframe框架:
frameborder="0" width="100%" scrolling="auto"
style="margin-top: -4px;"
οnlοad="this.style.height=document.body.clientHeight-84"
缺点是,存在跨域访问的问题。
html跳转页面 url不变,实现页面的跳转后,浏览器的地址栏不变相关推荐
- 实现网页原路返回:从哪个页面跳转过来就返回哪个页面
一.需求 导航对于PC网站或WAP网站有着相当重要的作用,它有利于提升用户体验,不至于让用户迷路.而"返回"就是导航的功能之一,主要体现在WAP网页左上角的"返回&quo ...
- js 监听页面url锚点变化 window.onpopstate
window.onpopstate = function (event) {if (location.href.indexOf('#') == -1) {location.reload();}}; 解 ...
- react跳转url,跳转外链,新页面打开页面
react中实现在js中内部跳转路由,有两种方法. 方法一: import PropTypes from 'prop-types'; export default class Header exten ...
- nginx + tomcat 架构中,页面跳转,URL不变,网页内容变
Nginx跳转,URL不变,网页内容变,这个也还是蛮有意思的 假如,当我们访问www.abc.com时,页面内容要跳转成为www.abc.com/a/b/c/1.html server {listen ...
- 微信小程序页面跳转,url传参参数丢失问题
微信小程序页面跳转,url传参参数丢失问题 // pages/order/purchase/index.js// 跳转到采购订单详情toPurchaseOrderDetail(e) {// conso ...
- 微信小程序页面跳转时URL参数丢失问题
最近在小程序开发过程中,发现之前可用的某个功能字段展示为了undefined,后来查看参数发现页面跳转时参数丢失了导致的 // group/index.jshandleJump() {const { ...
- egg(113)--egg之登录成功跳转到登录之前的页面
流程 点击登录按钮,前端把当前的url,传给后台 后台把url传给,登录页面 登录页面,点击登录,跳转到登录前的页面 效果 第一步 第二步 第三步 router router.get('/login' ...
- js获取页面url中的各项值
一. 通过window.location获取各项参数 1.获取页面完整的url url = window.location.href; 2.获取页面的域名 host = window.location ...
- javascript传值和页面跳转传值(ASP.NET页面传参的三种方法)
我在csdn上提的问题是 我现在希望从asp.net网页弹出对话框,弹出一些错误信息.警告.提示信息之类的东西,目前准备用javascript实现,所以我希望在调这个对话框的时候,动态传 ...
最新文章
- 科学成为时尚的可行办法
- Google Maps API 初级1
- 网络推广外包运营浅析美的成立科技公司旨在依靠科技创新实现突破
- java数组之binarySearch查找
- 【大数据】企业级大数据技术体系概述
- Qt5.12编译MySQl5.1.37驱动
- 24、jdbc操作数据库(1)
- 使用Javaslang进行Java 8中的函数式编程
- Leetcode--342. 4的幂
- apache-commons pool使用
- jquery mobile 技巧总结
- 如何加快C++代码的编译速度
- 初始化中断按键(2440)
- ftp文件夹错误 windows无法访问此文件夹_Adobe 安装错误代码对照表及解决方案
- Makefile--伪目标 (三)
- Linux下安装whl文件
- cognos报表制作学习(一)cognos如何新建普通的reportstudio报表
- Vitis下Linux应用程序开发流程
- 【冒泡排序】c++实现冒泡排序代码
- 计算几何【套模板,推荐模板】 Separating Pebbles UVALive - 7461
热门文章
- springboot集成redis报错找不到bean
- 解决canvas画布图片跨域问题
- 手把手教大家在mac上用VMWare虚拟机装win7
- CMake I add_custom_command命令详解(构建)
- 掌握这些电脑知识,你会玩得很无耻!
- LeetCode.1005-K次取负数组和最大(Maximize Sum Of Array After K Negations)
- maven 项目 springMVC实现文件图片的上传下载功能详解(源码已提供,小白必看)
- 基于Maven+SpringMVC+Spring+MyBatis+Layui整合框架,超详细的SSM整合❤️
- linux 内核进程与用户进程的通信 方法一 使用sockopt与内核交换数据
- 复星金服微服务_复星金服打造“爱妈妈”互助共享平台,解决职场妈妈的后顾之忧...