有两个方法,一个使用JS实现,一个是用iframe实现。
首先是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=utf-8");
XMLHttpR.onreadystatechange = processResponse;
XMLHttpR.send(null);
}
function processResponse(){
if(XMLHttpR.readyState ==4 && XMLHttpR.status == 200){
document.write(XMLHttpR.responseText);
}
}
上面的代码就是实现页面跳转后,浏览器地址栏地址保持不变的方法。
方法二:
使用iframe框架:
<iframe id="frame3d" name="frame3d" frameborder="0" width="100%" scrolling="auto"
style="margin-top: -4px;" οnlοad="this.style.height=document.body.clientHeight-84"
height="100%" src="http://www.5202m.com" mce_src="http://www.baidu.com">
</iframe>
缺点是,存在跨域访问的问题。
推荐后台使用,前台对搜索引擎不友好,不利于优化