`

切换多个SRC容易犯的错

 
阅读更多

先来看一段错误代码:

var aa = document.getElementById("theme_css_id");
for(var a=1;a<31;a++){
     var url="<%=request.getContextPath()>/webframe/example/00"+a+".css";
     aa.href = url;
}

再看另一段:

$.each(arrayUrl, function(i, n){
 	 		 		    var iframeV=document.createElement("iframe");
 	 		 		    iframeV.src=n+"/webframe/cas/CASChangeStation.jsp?countyId="+vcountyId+"&loginStationId="+vloginStationId+"&loginStationKey="+vloginStationKey+"&orgId="+ vorgId+"&orgName="+ vorgName+"&regionId="+ vregionId;   
 	 		 		 	document.getElementById('changePostDiv').appendChild(iframeV);
 					  });

 

它们犯的共同的错是:当第一个SRC还没加载完毕则换另一个SRC则会导致先前的SRC中断。解决方法:可创建多个DIV或顺序执行SRC。

 

分享到:
评论

相关推荐

    vue下iframe标签页,切换标签页,iframe不重载

    vue项目中一个模板组件,不同iframe的src地址,对应不同的路由,不同标签页,且切换标签页不重载。这种客户的要求是特例在网上没有,所以纯自行手码。由于项目在vuex保存了标签页,所以初次进入该组件时,调用了一次...

    vue 页面tabs切换,替换iframe

    vue页面tab切换,替换原来的iframe实现,利用vue的router-view和keep-alive实现

    Source Insight宏 - 头文件与源文件切换

    头文件与源文件切换切换的SourceInsight宏,switch_cpp_hpp宏有一定的限制(要求在同一目录下),如源码结构为src、include、test时,include下头文件与src下源文件之间就不能实现切换。SwitchCppAndHpp宏对目录再...

    非常漂亮的图片切换效果

    类似于苹果相册的图片切换效果如何使用: 步骤 1 - 安装 Lightbox v2.0 使用 Prototype 框架和 Scriptaculous 效果库. 你将需要外调这三个 Javascript 文件在你的 header. &lt;script type="text/javascript" src="js/...

    FABRevealLayout-浮动按钮与视图切换的动画效果.zip

    更多动画在过渡效果发生期间,如果你想让FABRevealLayout里面的元素也显示动画,或者需要其他的任何操作,你可以注册一个listener。private void configureFABReveal(FABRevealLayout fabRevealLayout) {  ...

    Tab可切换皮肤的后台模板.rar

    tabControl新开一个页面实际上是通过JS在主显示区域建立一个iframe 把这个iframe的src 指向我们指定的页面。 讨厌的BUG: 这个BUG一直都困饶了我好长时间,并且实在不知道怎么解决,甚至连问题出在哪里都不知道。 ...

    react2018:在一个主项目下开发多个子项目

    1.直接复制src/web/下的default文件夹到src/web/目录下,然后将目录名称修改成对应的项目名称 2.在config目录下的***-config.js中添加上新项目的配置信息。如: 全渠道适配项目配置demo var allConfig = { //类APP...

    FlatTabControl_src.rar

    winform 的透明的tabcontrol,可以用这个透明的标签实现,在窗口内进行切换,可以用一个一面实现多窗口

    electron-window-manager:管理多个电子窗口,消息传输和同步状态

    电子窗口管理器管理多个电子窗口,消息传输和同步状态。 在"electron": "^10.3.0"测试"electron": "^10.3.0"特征创建自定义窗口使用preload.js ,您可以在nodeIntegration: false渲染过程中最大化,最小化,切换或...

    psr4-switcher:[只读]将类映射切换到PSR-4

    vendor/bin/psr4-switcher check-file-class-name src 哪些文件具有2个或更多类? vendor/bin/psr4-switcher find-multi-classes tests报告问题如果您遇到错误或想要请求新功能,请转到贡献该软件包的来源包含在...

    Jquery实现点击切换图片并隐藏显示内容(2种方法实现)

    我们的电脑屏幕大小是固定的,那么如何在有限的空间放更多的内容呢? 我们应该给用户足够的选择权,当他们想要看某些内容的时候可以很快的看到,不想看的时候就把他隐藏。于是就有了题目说的这个问题。其实这个问题...

    html实现图片轮播(含代码和注释)

    我们在容器中放置了多个img元素作为轮播图的图片。每个img元素都有一个src属性指定要显示的图片路径,并使用alt属性提供替代文本。 接下来,在CSS部分,我们对轮播图容器进行了一些基本的样式设置。我们将容器的...

    react-webgl-noiseeffect:图标切换效果不错

    减少较小图标的顶点,以防止在呈现多个元素时出现断断续续的情况。 使定制变得更容易。 将它包装成一个 React 组件。 允许多个图标。 演示: 先决条件: 图像数组是必需的。 您图片的背景必须是纯黑色或透明...

    sphinx-html-multi-versions:允许在 Sphinx 生成的文档中切换产品版本的简单模板和包含脚本

    Sphinx HTML 多个版本这是一个简单的 Python 模块和 Sphinx 布局模板,用于启用文档树的多个版本浏览。文件夹结构假设以下文件夹结构(有关实际example/src/请参见example/src/目录): .├── 1.0│ ├── conf....

    fbSelect:一个轻量级的 jQuery 插件,可将标准 HTML 选择输入转换为可完全自定义的可切换按钮

    处理&lt;optgroup&gt; 、禁用&lt;option&gt; 、多个&lt;select&gt; 、空白/默认值。例子 快速开始包括 CSS + jquery + javascript 文件。 &lt; link rel =" stylesheet " href =" jquery.fbs.min.css " &gt;&lt; script src =" ...

    基于SSM的健身房管理系统(源码+部署说明+演示视频+源码介绍).zip

    源码介绍:本系统采用了模块化的设计,包括用户管理、课程管理、预约管理、器材管理等多个功能模块。通过这些模块,用户可以实现对健身房的各项业务进行高效管理。同时,系统支持多语言切换,方便不同地区和国家的...

    页面框架+tab标签页+换肤

    功能介绍: 1、可以换皮肤、其中住框架、具体页面可以统一使用皮肤。 2、tab页标题有右键菜单,新开、...tabControl新开一个页面实际上是通过JS在主显示区域建立一个iframe 把这个iframe的src 指向我们指定的页面。

    springboot-multiple-dataSources:这是一个为Spring Boot自动切换数据源的示例

    spring-boot多数据源自动切换示例项目,利用spring aop切面,自动切换数据源。 CommonServiceImpl是公共处理类,Test1ServiceImpl和Test2ServiceImpl是两个数据源分别的业务处理类。定义为DataSourceAspect类处理切...

    WebPack配置vue多页面的技巧

    于是网上了搜了大把大把的文章,很多都是修改了项目的结构,讨厌,vue-cli搞的那一套,干嘛要修改来修改去的。像我这种前端小萌新,webpack的配置改着就把前台部分run不起来了。。。 于是就有了这个笔记: 先看看...

    l_e_1_4_0_src.rar_RSS_maxthon_visual basic 6_代理_手势

    拖拽开启时,页面中原本拖拽所实现的部分功能能正常使用,如将一段文字拖拽进一个textarea,input等,好像现在网上流行的多页面浏览器并不具备这个功能哦. 4.支持插件 5.广告过滤(效果大概没有现在那些热门多页面浏览器...

Global site tag (gtag.js) - Google Analytics