如何让一个网址跳转到另一个网址,浏览器显示地址不变??

  • 内容
  • 评论
  • 相关

场景:

在我们产品部署时候会存在许多和域名地址有关的问题,

今天讨论一个问题:如何让一个网址跳转到另一个网址,浏览器显示地址不变??

当我们想打开xxx.ww.com后打开的是www.022222.com/22/ww/444?=25  的网址。最重要的是我们想打开后浏览器的地址永远显示:xxx.ww.com

如何解决这个问题呢?

1.域名转向url

解析域名时候可以选择。!!不过要求域名www.ww.com备案(困难多)

2.网页跳转

可以使用js跳转和iframe框架跳转。

 

首先是JS实现,废话就不多说了,上代码

<script language=javascript>

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);
}
}

sendRequest("http://www.Baidu.com/");

</script>

上面的代码就是实现页面跳转后,浏览器地址栏地址保持不变的方法。

 

使用iframe框架:

<iframe id="frame3d" name="frame3d" frameborder="0" width="100%" scrolling="auto"
style="margin-top: -4px;" onload="this.style.height=document.body.clientHeight-84"
height="100%" src="http://www.kelebl.com" mce_src="http://www.baidu.com">

</iframe>

缺点是,存在跨域访问的问题。

推荐后台使用,前台对搜索引擎不友好,不利于优化


扫一扫与互动
  微信公众号码:kelebl
  微信公众号名称:科勒巴黎