请先确保另外一个页面的head与该页面的head一致,才能支持ie版本小于10的浏览器,因为此时head是只读的,只有ie版本大于9,head才能在当前页变动,所以:
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ajax</title>
<link rel="stylesheet" href="./static/css/App.css">
</head>
function ajax(){
$.ajax({
url: "http://localhost:3000/admin/index.html",
type: "GET",
dataType: "html",
headers: {
authorization: document.getElementById("token").value
},
async: false,
success: function(data) {//高版本ie的浏览器,允许直接全部替换
if(document.documentMode >9|| document.documentMode == undefined){
var a=document.createElement("html");a.innerHTML=data.replace(/(<!|<)\w* ?html>\n?/g,"")
document.documentElement.parentNode.replaceChild(a,document.documentElement)
}else{//当在低版本ie的情况下,可以直接替换body来实现
data=data.replace(/\n?(<!|<)\w* ?html ?(lang="en")?>|<\/html>/g,"")
document.body.innerHTML=data.replace(/.*(?=)+<body/g,"<body")
// document.head.innerText=data.replace(/\<head\>((\n.*)+)\<\/head\>/g,"$1")
// document.head在ie<10版本会是只读,所以若兼容ie10以下的版本,head尽量保持一致
}
},
error: function(data) {
document.getElementById("ajax").innerText=data.statusText
// console.log(data);
}
});
}