用来给不愿意用iframe的同志的页面引用的解决办法

最新推荐文章于 2019-03-16 17:03:07 发布
最新推荐文章于 2019-03-16 17:03:07 发布
阅读量2k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/neubuffer/article/details/16900625
版权

说明：
  x系列是Hutia开发的系列JS代码，配合相应的css后可以实现快速的自定义标签
  目前xFrame支持的浏览器类型为：IE5.5, FF1.5(不完全，可能出现乱码)
  xFrame的标签为
    <div class="xFrame">
        <span class="xFrameSetting"> src="" interval="2000"</span>
          Loading...
      </div>
  
  支持属性：
    无
  支持方法：
    SetSrc(string URL), GetSrc(), SetInterval(int Interval), GetInterval()
    Refresh(), Stop()

代码演示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>xFrame Demo</title>
<style type="text/css">
.xFrame {
 border:#00A 1px solid;
 padding:5px;
 margin:5px;
 width:95%;
 height:350px;
 font-size:12px;
 overflow:auto;
}
.xFrameSetting {
 display:none;
} 
</style>
<script type="text/javascript">
//<![CDATA[
//********************/
//  x 系列之 xFrame
//  作者：Hutia
//  未经同意不得转载或用于商业用途
//********************/
/*
说明：
  x系列是Hutia开发的系列JS代码，配合相应的css后可以实现快速的自定义标签
  目前xFrame支持的浏览器类型为：IE5.5, FF1.5(不完全，可能出现乱码)
  xFrame的标签为
   <div class="xFrame">
    <span class="xFrameSetting"> src="" interval="2000"</span>
    Loading...
   </div>
 
  支持属性：
    无
  支持方法：
    SetSrc(string URL), GetSrc(), SetInterval(int Interval), GetInterval()
    Refresh(), Stop()
*/
//**载入CSS*****
var xFrameCssFilePath="sp\/css\/xframe.css";
//document.write("<style>@import url("+xFrameCssFilePath+");</style>");
//**检测浏览器种类*****
var BROWSERNAME="";
switch(navigator.appName.toLowerCase()){
 case "netscape":
  BROWSERNAME="ns";
 break;
 case "microsoft internet explorer":
 default:
  BROWSERNAME="ie";
 break;
}
//**设置初始化事件******
switch(BROWSERNAME){
 case "ns":
  window.addEventListener("load",_xFrame_init,false);
 break;
 case "ie":
 default:
  window.attachEvent("onload",_xFrame_init);
}
//**确认需要的VBScript函数是否存在，不存在就写一个****
try{
if(typeof(rsB)=="undefined"){initVBS();};
}catch(e){initVBS();}
//**全局变量**
//glbEncode储存ascii到unicode字符的转换,这样做的好处是可以提高重复解码时的解码效率
glbEncode=new Array();
//**设置全局定时器******
if(typeof(__xSeriaTimer__)=="undefined"){
 var __xSeriaTimer__={
  events:new Array(),
  objs:new Array(),
  handle:null,
  times:0,
  interval:20,
  exec:function(){
   __xSeriaTimer__.times++;
   for(var i=0;i<__xSeriaTimer__.events.length;i++){
    try{
     with(__xSeriaTimer__.objs[i]){
      eval(__xSeriaTimer__.events[i]);
     }
    }catch(e){}
   }
  },
  pop:function(i){
   __xSeriaTimer__.events[i]=null;
   __xSeriaTimer__.objs[i]=null;
  },
  push:function(strV,obj){
   for(var i=0;i<__xSeriaTimer__.events.length;i++){
    if(__xSeriaTimer__.events[i]==null){
     __xSeriaTimer__.events[i]=strV;
     __xSeriaTimer__.objs[i]=obj;
     return(i);
    }
   }
   __xSeriaTimer__.events[i]=strV;
   __xSeriaTimer__.objs[i]=obj;
   return(i);
  },
  start:function(){
   __xSeriaTimer__.stop();
   __xSeriaTimer__.handle=setInterval(__xSeriaTimer__.exec,__xSeriaTimer__.interval);
  },
  stop:function(){
   clearInterval(__xSeriaTimer__.handle);
  }
 };
 __xSeriaTimer__.start();
}
//**初始化函数******
function _xFrame_init(){
 var allTheFrames=document.getElementsByTagName("div");
 for(var i=0;i<allTheFrames.length;i++){
  if(allTheFrames[i].className=="xFrame")_xFrame_event_doInit(allTheFrames[i]);
 }
}
//**事件响应函数区******
function _xFrame_event_doInit(element){
 //初始化变量
 element.xmlhttp=getXMLRequester();
 element._src="";
 element._interval=10000000;
 element._refreshTimeHandle=null;
 element._loadFinished=false;
 element.settingNode=getElementByClassName(element,"xFrameSetting");
 if(!element.settingNode){
  element.settingNode=document.createElement("div");
  element.settingNode.className="xFrameSetting";
  element.settingNode.xFrame=element;
  element.appendChild(element.settingNode);
 }
 
 //设置方法
 element.SetSrc=_xFrame_method_SetSrc;
 element.GetSrc=_xFrame_method_GetSrc;
 element.SetInterval=_xFrame_method_SetInterval;
 element.GetInterval=_xFrame_method_GetInterval;
 element.GetSetting=_xFrame_method_GetSetting;
 element.Refresh=_xFrame_method_Refresh;
 element.Stop=_xFrame_method_Stop;
 
 //设置事件
 element.Check=_xFrame_event_doCheck;
 element.Error=_xFrame_event_doError;
 
 //获取设置
 if(element.GetSetting("interval"))element.SetInterval(element.GetSetting("interval"));
 if(element.GetSetting("src"))element.SetSrc(element.GetSetting("src"));
}
function _xFrame_event_doCheck(){
 if(this._loadFinished)return(true);
 if(this.xmlhttp.readyState == 4){
  this._loadFinished=true;
  if(this.xmlhttp.status == 200) {//HTTP服务器响应的值OK
   switch(BROWSERNAME){
    case "ns":
     this.innerHTML=this.xmlhttp.responseText;
    break;
    case "ie":
    default:
     this.innerHTML=reCode(this.xmlhttp.responseBody);
   }
  }else{
   this.Error("Load failed".fontcolor("red"));
  }
 }
}
function _xFrame_event_doError(strErr){
 this.innerHTML=strErr;
}
//**方法函数区******
function _xFrame_method_SetSrc(strSrc){
 if(typeof(strSrc)!="string")return(false);
 if(!strSrc.match(/^http:\/\//i))strSrc="http:\/\/"+strSrc;
 this._src=strSrc;
 this.Refresh();
}
function _xFrame_method_GetSrc(){
 return(this._src);
}
function _xFrame_method_SetInterval(interval){
 if(isNaN(interval)||interval==null||interval==""||interval<0)return(false);
 interval=parseInt(interval/__xSeriaTimer__.interval);
 interval=interval<1?1:interval;
 this._interval=interval;
}
function _xFrame_method_GetInterval(){
 return(this._interval);
}
function _xFrame_method_GetSetting(attributeName){
 var settingString=this.settingNode.innerHTML;
 if(!attributeName)return(settingString);
 var regE=new RegExp(attributeName+"=[ \t]*\"?([^\"]*)","i");
 var re=settingString.match(regE);
 if(re){
  return(re[1]);
 }else{
  return(re);
 }
}
function _xFrame_method_Refresh(){
 if(this._refreshTimeHandle!=null)this.Stop();
 this._loadFinished=false;
 try{
  this.xmlhttp.open('GET', this._src, true);
 }catch(e){this.Error("Load failed".fontcolor("red"));return(false);}
 this.xmlhttp.send(null);
 //this.xmlhttp.onreadystatechange=_xFrame_event_doChange;//不用这句因为无法在事件函数中引用xFrame
 this._refreshTimeHandle=__xSeriaTimer__.push("Check();if(__xSeriaTimer__.times%"+this._interval+"==0)Refresh();",this);
}
function _xFrame_method_Stop(){
 __xSeriaTimer__.pop(this._refreshTimeHandle);
 this._refreshTimeHandle=null;
}
//**通用函数区***
function getXMLRequester( ){
 var xmlhttp_request = false;
 try{
  if( window.ActiveXObject ){
   for( var i = 5; i > -1; i-- ){
    try{
     if( i == 2 ){
      xmlhttp_request = new ActiveXObject( "Microsoft.XMLHTTP" );
     }else{
      xmlhttp_request = new ActiveXObject( "Msxml2.XMLHTTP." + i + ".0" );
     }
     break;
    }catch(e){
     xmlhttp_request = false;
    }
   }
  }else if( window.XMLHttpRequest ){
   xmlhttp_request = new XMLHttpRequest();
  }
 }catch(e){
  xmlhttp_request = false;
 }
 return xmlhttp_request;
}
function getElementByClassName(obj,className){
 for(var i=0;i<obj.childNodes.length;i++){
  if(obj.childNodes[i].className==className)return(obj.childNodes[i]);
 }
 return(null);
}
//重编码
function reCode(b){
 var t=rsB(b);
 t=escape(t).replace(/%u/g,"").replace(/(.{2})(.{2})/g,"%$2%$1").replace(/%([A-Z].)%(.{2})/g,"@$1$2");
 t=t.split("@");
 var i=0,j=t.length,k;
 while(++i<j)
 {
  k=t[i].substring(0,4);
  if(!glbEncode[k])glbEncode[k]=escape(vbChar(eval("0x"+k))).substring(1,6);
  t[i]=glbEncode[k]+t[i].substring(4);
 }
 return unescape(t.join("%"));
}
//**初始化函数**
function initVBS(){
 //初始化VBscript的两个funtion:rsB 和 vbChar
 strVBS="<script language=vbscript>\r\n";
 strVBS+="Function rsB(vIn)\r\nrsB=MidB(vIn,1)\r\nEnd Function\r\n";
 strVBS+="Function vbChar(ss)\r\nvbChar = Chr(ss)\r\nEnd Function\r\n";
 strVBS+="<\/script>";
 document.write(strVBS);
}
//]]> 
</script>
</head>
<body>
<div class="xFrame">
 <span class="xFrameSetting"> src="http://bbs.blueidea.com/" interval="10000"</span>
 Loading...
</div>
</body>
</html>

=============================================================================================

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>xFrame Demo</title>
<script type="text/javascript" src="sp/js/xframe.js"></script>
</head>
<body>
<div class="xFrame">
 <span class="xFrameSetting"> src="http://www.sina.com.cn" interval="10000"</span>
 Loading...
</div>
</body>
</html>

=============================================================================================

//<![CDATA[
//********************/
//  x 系列之 xFrame
//  作者：Hutia
//  未经同意不得转载或用于商业用途
//********************/
/*
说明：
  x系列是Hutia开发的系列JS代码，配合相应的css后可以实现快速的自定义标签
  目前xFrame支持的浏览器类型为：IE5.5, FF1.5(不完全，可能出现乱码)
  xFrame的标签为
   <div class="xFrame">
    <span class="xFrameSetting"> src="" interval="2000"</span>
    Loading...
   </div>
 
  支持属性：
    无
  支持方法：
    SetSrc(string URL), GetSrc(), SetInterval(int Interval), GetInterval()
    Refresh(), Stop()
*/
//**载入CSS*****
var xFrameCssFilePath="sp\/css\/xframe.css";
document.write("<style>@import url("+xFrameCssFilePath+");</style>");
//**检测浏览器种类*****
var BROWSERNAME="";
switch(navigator.appName.toLowerCase()){
 case "netscape":
  BROWSERNAME="ns";
 break;
 case "microsoft internet explorer":
 default:
  BROWSERNAME="ie";
 break;
}
//**设置初始化事件******
switch(BROWSERNAME){
 case "ns":
  window.addEventListener("load",_xFrame_init,false);
 break;
 case "ie":
 default:
  window.attachEvent("onload",_xFrame_init);
}
//**确认需要的VBScript函数是否存在，不存在就写一个****
try{
if(typeof(rsB)=="undefined"){initVBS();};
}catch(e){initVBS();}
//**全局变量**
//glbEncode储存ascii到unicode字符的转换,这样做的好处是可以提高重复解码时的解码效率
glbEncode=new Array();
//**设置全局定时器******
if(typeof(__xSeriaTimer__)=="undefined"){
 var __xSeriaTimer__={
  events:new Array(),
  objs:new Array(),
  handle:null,
  times:0,
  interval:20,
  exec:function(){
   __xSeriaTimer__.times++;
   for(var i=0;i<__xSeriaTimer__.events.length;i++){
    try{
     with(__xSeriaTimer__.objs[i]){
      eval(__xSeriaTimer__.events[i]);
     }
    }catch(e){}
   }
  },
  pop:function(i){
   __xSeriaTimer__.events[i]=null;
   __xSeriaTimer__.objs[i]=null;
  },
  push:function(strV,obj){
   for(var i=0;i<__xSeriaTimer__.events.length;i++){
    if(__xSeriaTimer__.events[i]==null){
     __xSeriaTimer__.events[i]=strV;
     __xSeriaTimer__.objs[i]=obj;
     return(i);
    }
   }
   __xSeriaTimer__.events[i]=strV;
   __xSeriaTimer__.objs[i]=obj;
   return(i);
  },
  start:function(){
   __xSeriaTimer__.stop();
   __xSeriaTimer__.handle=setInterval(__xSeriaTimer__.exec,__xSeriaTimer__.interval);
  },
  stop:function(){
   clearInterval(__xSeriaTimer__.handle);
  }
 };
 __xSeriaTimer__.start();
}
//**初始化函数******
function _xFrame_init(){
 var allTheFrames=document.getElementsByTagName("div");
 for(var i=0;i<allTheFrames.length;i++){
  if(allTheFrames[i].className=="xFrame")_xFrame_event_doInit(allTheFrames[i]);
 }
}
//**事件响应函数区******
function _xFrame_event_doInit(element){
 //初始化变量
 element.xmlhttp=getXMLRequester();
 element._src="";
 element._interval=10000000;
 element._refreshTimeHandle=null;
 element._loadFinished=false;
 element.settingNode=getElementByClassName(element,"xFrameSetting");
 if(!element.settingNode){
  element.settingNode=document.createElement("div");
  element.settingNode.className="xFrameSetting";
  element.settingNode.xFrame=element;
  element.appendChild(element.settingNode);
 }
 
 //设置方法
 element.SetSrc=_xFrame_method_SetSrc;
 element.GetSrc=_xFrame_method_GetSrc;
 element.SetInterval=_xFrame_method_SetInterval;
 element.GetInterval=_xFrame_method_GetInterval;
 element.GetSetting=_xFrame_method_GetSetting;
 element.Refresh=_xFrame_method_Refresh;
 element.Stop=_xFrame_method_Stop;
 
 //设置事件
 element.Check=_xFrame_event_doCheck;
 element.Error=_xFrame_event_doError;
 
 //获取设置
 if(element.GetSetting("interval"))element.SetInterval(element.GetSetting("interval"));
 if(element.GetSetting("src"))element.SetSrc(element.GetSetting("src"));
}
function _xFrame_event_doCheck(){
 if(this._loadFinished)return(true);
 if(this.xmlhttp.readyState == 4){
  this._loadFinished=true;
  if(this.xmlhttp.status == 200) {//HTTP服务器响应的值OK
   switch(BROWSERNAME){
    case "ns":
     this.innerHTML=this.xmlhttp.responseText;
    break;
    case "ie":
    default:
     this.innerHTML=reCode(this.xmlhttp.responseBody);
   }
  }else{
   this.Error("Load failed".fontcolor("red"));
  }
 }
}
function _xFrame_event_doError(strErr){
 this.innerHTML=strErr;
}
//**方法函数区******
function _xFrame_method_SetSrc(strSrc){
 if(typeof(strSrc)!="string")return(false);
 if(!strSrc.match(/^http:\/\//i))strSrc="http:\/\/"+strSrc;
 this._src=strSrc;
 this.Refresh();
}
function _xFrame_method_GetSrc(){
 return(this._src);
}
function _xFrame_method_SetInterval(interval){
 if(isNaN(interval)||interval==null||interval==""||interval<0)return(false);
 interval=parseInt(interval/__xSeriaTimer__.interval);
 interval=interval<1?1:interval;
 this._interval=interval;
}
function _xFrame_method_GetInterval(){
 return(this._interval);
}
function _xFrame_method_GetSetting(attributeName){
 var settingString=this.settingNode.innerHTML;
 if(!attributeName)return(settingString);
 var regE=new RegExp(attributeName+"=[ \t]*\"?([^\"]*)","i");
 var re=settingString.match(regE);
 if(re){
  return(re[1]);
 }else{
  return(re);
 }
}
function _xFrame_method_Refresh(){
 if(this._refreshTimeHandle!=null)this.Stop();
 this._loadFinished=false;
 try{
  this.xmlhttp.open('GET', this._src, true);
 }catch(e){this.Error("Load failed".fontcolor("red"));return(false);}
 this.xmlhttp.send(null);
 //this.xmlhttp.onreadystatechange=_xFrame_event_doChange;//不用这句因为无法在事件函数中引用xFrame
 this._refreshTimeHandle=__xSeriaTimer__.push("Check();if(__xSeriaTimer__.times%"+this._interval+"==0)Refresh();",this);
}
function _xFrame_method_Stop(){
 __xSeriaTimer__.pop(this._refreshTimeHandle);
 this._refreshTimeHandle=null;
}
//**通用函数区***
function getXMLRequester( ){
 var xmlhttp_request = false;
 try{
  if( window.ActiveXObject ){
   for( var i = 5; i > -1; i-- ){
    try{
     if( i == 2 ){
      xmlhttp_request = new ActiveXObject( "Microsoft.XMLHTTP" );
     }else{
      xmlhttp_request = new ActiveXObject( "Msxml2.XMLHTTP." + i + ".0" );
     }
     break;
    }catch(e){
     xmlhttp_request = false;
    }
   }
  }else if( window.XMLHttpRequest ){
   xmlhttp_request = new XMLHttpRequest();
  }
 }catch(e){
  xmlhttp_request = false;
 }
 return xmlhttp_request;
}
function getElementByClassName(obj,className){
 for(var i=0;i<obj.childNodes.length;i++){
  if(obj.childNodes[i].className==className)return(obj.childNodes[i]);
 }
 return(null);
}
//重编码
function reCode(b){
 var t=rsB(b);
 t=escape(t).replace(/%u/g,"").replace(/(.{2})(.{2})/g,"%$2%$1").replace(/%([A-Z].)%(.{2})/g,"@$1$2");
 t=t.split("@");
 var i=0,j=t.length,k;
 while(++i<j)
 {
  k=t[i].substring(0,4);
  if(!glbEncode[k])glbEncode[k]=escape(vbChar(eval("0x"+k))).substring(1,6);
  t[i]=glbEncode[k]+t[i].substring(4);
 }
 return unescape(t.join("%"));
}
//**初始化函数**
function initVBS(){
 //初始化VBscript的两个funtion:rsB 和 vbChar
 strVBS="<script language=vbscript>\r\n";
 strVBS+="Function rsB(vIn)\r\nrsB=MidB(vIn,1)\r\nEnd Function\r\n";
 strVBS+="Function vbChar(ss)\r\nvbChar = Chr(ss)\r\nEnd Function\r\n";
 strVBS+="<\/script>";
 document.write(strVBS);
}
//]]>

================================================================================

.xFrame {
 border:#00A 1px solid;
 padding:5px;
 margin:5px;
 width:95%;
 height:350px;
 font-size:12px;
 overflow:auto;
}
.xFrameSetting {
 display:none;
}

纳木错
关注
微信jssdk在iframe页面失效问题的解决措施
10-22
然而，有时候开发者可能会遇到在iframe页面中微信jssdk失效的问题，这通常是因为微信jssdk出于安全考虑，对在iframe中使用做了一些限制。 首先，要理解微信jssdk在iframe页面失效的根本原因。微信jssdk的使用依赖于...
使用iframe window的scroll方法控制iframe页面滚动
09-04
在页面中如何控制内嵌的iframe滚动呢？方法是使用iframe window的scroll方法，大家可以参考下面的示例
attachEvent报错原因
Ultraman_and_monster的博客
04-07 5157
document.attachEvent is not a function出错的原因 报错原因有： （1）、利用attachEvent()直接在谷歌浏览器打开，我就是犯这种低级错误的。 重要事情说三遍：attachEvent是IE浏览器独有的！！！attachEvent是IE浏览器独有的！！！attachEvent是IE浏览器独有的！！！ （2）、在IE11版本浏览器打开运行程序，I...
iframe 标签内嵌 jupyter notebook
无关风月
03-16 8043
默认 jupyter notebook 的 HTTP Content-Security-Policy (CSP) 安全策略是不允许父类将 jupyter notebook 页面嵌入到 &lt;frame&gt;、&lt;iframe&gt;、&lt;object&gt;、&lt;embed&gt;或&lt;applet&gt; 中的。 使用 &lt;frame&gt; 嵌入： &lt;ifram...
关于Iframe最常见问题汇总（附解决技巧）【精品】
weixin_34297704的博客
11-28 957
关于IE下页面不刷新（手动有OK的问题） 1 2 3 4 5 6 7 //解决IE下有缓存需手动刷新页面问题start if(src.indexOf('?')!=-1){ src=src+"&random="+Math.floor(Math...
iframe子页面获取父页面元素的方法
12-09
在网页开发中，有时我们需要在`iframe`子页面与父页面之间进行交互，例如获取或操作对方的DOM元素。这通常涉及到跨文档通信，因为`iframe`子页面被视为一个独立的文档，它有自己的窗口对象和文档对象模型（DOM）。...
ios 不支持 iframe 的完美解决方法(兼容iOS&安卓)
08-30
总结来说，解决iOS不支持`iframe`的问题主要是通过检测设备类型，然后针对不同设备采取不同的加载策略。对于Android，使用`iframe`嵌套；而对于iOS，采用页面重定向，避免`iframe`带来的兼容性问题。这种方法可以...
iframe中页面显示不全1
08-08
如果需要加载不同源的页面，必须确保目标服务器支持CORS（跨源资源共享）或者使用`<iframe>`的`sandbox`属性启用特定的沙盒模式。 总结一下，解决"Iframe中页面显示不全"的问题，需要关注以下几点： 1. 确保`...
SpringBoot中jsp页面调用iframe标签报Whitelabel Error Page 错误
weixin_41722987的博客
02-08 1856
页面报错:Whitelabel Error PageThis application has no explicit mapping for /error, so you are seeing this as a fallback.Thu Feb 08 17:53:15 CST 2018There was an unexpected error (type=Internal Server Erro...
Iframe之间操作
xml714467338的博客
01-11 714
1主页面访问子iframe：ChartIframe.window.document.getElementById("aaa").innerHTML = ‘’123456“”; //ChartIframe是name                                        ChartIframe.window.priceGet(); 2子页面访问主页面：win
Spring HtmlUtils把HTML编码转义，可将HTML标签互相转义
热门推荐
LzwGlory的专栏
12-09 2万+
org.springframework.web.util.HtmlUtils 可以实现HTML标签及转义字符之间的转换。  代码如下：  Java代码   /** HTML转义 **/   String s = HtmlUtils.htmlEscape("hello world ");   System.out.println(s);   String
iframe 跨域
wml
09-02 1715
方法一： window.name 跨域： 原理：name 在浏览器环境中是一个全局window对象的属性，在一个窗口中赋了window.name之后，无论怎么刷新该窗口其window.name属性都不会变。但window.name 属性仅对相同域名的 iframe 可访问。因此我们可以在异域目标页面将要获取的数据赋值给window.name ,此时对该窗口进行换域，换成本域url，此时本域即可
凛冬之翼---前端getElementById和iframe的使用
weixin_39042981的博客
01-15 1254
总结一下在写系统时遇到小细节。 iframe的使用： iframe可以用来把一个页面分成多个部分进行处理，实现在不刷新总页面的情况下进行单独部分的页面引入。 使用时只需要在其他页面链接处设置target=" "即可。 例如： &lt;tr&gt;&lt;td height=20&gt;&lt;a href="add_kc.php" target=main&gt;添加课程&lt;/a&gt;&l
Vue框架下集成Iframe页面的保存策略与实现方法
总结来说，该方法展示了如何在Vue项目中使用Vue Router和`<keep-alive>`来缓存页面，同时利用自定义组件解决与非Vue页面的交互问题，确保数据一致性。这对于在现有项目中逐步过渡到Vue并维护与旧有系统的兼容性非常...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值