有两个方法,一个使用JS实现,一个是用iframe实现。javascript
首先是JS实现,废话就很少说了,上代码html
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);
}
}
|
上面的代码就是实现页面跳转后,浏览器地址栏地址保持不变的方法。java
方法二:跨域
使用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.5202m.com" mce_src="http://www.baidu.com">框架
</iframe>优化
缺点是,存在跨域访问的问题。this
推荐后台使用,前台对搜索引擎不友好,不利于优化搜索引擎