有兩個方法,一個使用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
推薦後臺使用,前臺對搜索引擎不友好,不利於優化搜索引擎