`

切换多个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。

 

分享到:
评论

相关推荐

    jquery简单同一页面多个图片切换插件

    "jQuery简单同一页面多个图片切换插件"就是这样一个工具,它能够帮助开发者轻松地在页面上创建出美观且功能强大的图片轮播效果,并且兼容所有浏览器,确保了用户的广泛适用性。 jQuery 是一个流行的JavaScript库,...

    jquery标签控制多个视频播放切换特效.zip

    在这个“jquery标签控制多个视频播放切换特效.zip”压缩包中,我们关注的是如何利用jQuery来实现一个功能,即通过标签控制多个视频的播放与切换,这在多媒体丰富的网页应用中非常实用。 这个特效代码主要涉及以下几...

    JQUERY实现iframe页面切换功能

    假设我们有多个页面URL存储在一个数组中,例如`pages = ["page1.html", "page2.html", "page3.html"]`。以下是一种简单的实现方式: ```javascript $(document).ready(function() { var pages = ["page1.html", ...

    图片切换导航 4张图片轮换切换 有实例!

    在网页设计中,图片切换导航是一种常见的交互元素,它能够以动态的方式展示多张图片,增强用户的浏览体验。本文将详细讲解如何实现一个4张图片轮换切换的导航,适用于各种Web项目。 首先,我们需要理解这个功能的...

    jquery点击toggle并改变图片src源码

    此外,如果你有多个图片需要切换,可以使用数组存储多个src,然后在点击事件中遍历和切换。 在提供的压缩包文件中,应该包含一个示例HTML文件和一个或多个图片文件,以及可能的CSS样式或额外的JavaScript代码,用于...

    基于html的图片手动切换和自动切换

    我们可以将所有图片URL存储在一个数组中,然后使用定时器每隔一段时间(如3秒)自动更改图片的`src`。同时,需要跟踪当前显示的图片索引,确保在边界条件(第一张和最后一张图片)下正确切换。例如: ```javascript...

    jQuery点击按钮网页背景切换代码.rar

    HTML(超文本标记语言)是网页的基础结构,我们需要在页面中创建一个或多个按钮,供用户点击触发背景切换。例如: ```html 切换背景 ``` 这个`&lt;button&gt;`元素有一个ID "bgChanger",这是我们在JavaScript中引用它的...

    vue 页面tabs切换,替换iframe

    在Vue.js应用中,开发人员经常需要实现动态的页面切换效果,例如在多个Tab之间进行导航。在这种场景下,原始的iframe技术可能会显得过时,因为它通常不支持单页应用(SPA)的特性,如路由管理和组件状态管理。标题...

    SuperMap Objects Java多窗口切换

    本示例主要探讨的是"SuperMap Objects Java多窗口切换"这一主题,即如何在应用程序中实现多个地图窗口之间的灵活切换,并确保它们共享同一个工作空间。 首先,理解"工作空间"的概念至关重要。在SuperMap Objects中...

    动态切换多数据源

    在JavaWeb开发中,"动态切换多数据源"是一个重要的技术点,特别是在大型企业级应用中,为了实现数据的高可用性、隔离性和扩展性,往往需要接入多个数据库。本项目是一个基于Eclipse、MyBatis和Mysql的多数据源示例,...

    多图片切换效果JavaScript实现

    标题“多图片切换效果JavaScript实现”指的是一种能够动态展示多张图片的技术,这种技术可以创建一个类似焦点图的效果,用户无需手动点击或滚动,图片会按照预设的时间间隔自动轮换。这在网站的首页或者产品展示区...

    多组图片选项卡自动切换代码.zip

    在这个例子中,HTML可能会包含多个图片选项卡容器,每个容器内包含一组图片和对应的导航按钮。这些按钮通常会用数字标记,以便用户清晰地知道当前显示的是哪一组图片。HTML代码可能如下所示: ```html &lt;img src...

    jquery产品多图切换细节描述.zip

    这涉及到JavaScript编程、DOM操作以及CSS样式等多个方面。 首先,我们要理解jQuery库的核心优势:简洁的语法、强大的选择器和丰富的插件。在实现产品多图切换时,jQuery的选择器能快速定位到需要操作的图片元素,而...

    图片切换html页面图片切换

    在网页设计中,图片切换是一种常见的交互效果,用于展示多张图片并允许用户在这些图片之间进行平滑的切换。这种效果通常应用于产品展示、相册浏览或动态背景等场景。"图片切换html页面图片切换"这个主题关注的是如何...

    90个js图片切换代码

    - **产品展示**:展示多个产品图片,方便用户查看。 - **广告轮播**:在首页或重要位置展示广告,循环播放。 7. **学习与实践**: - 分析和学习这90个代码实例,理解各种实现方式的优缺点,有助于提升JavaScript...

    多张图片的左右切换

    一个简单的布局可以包括一个容器div,内含多个子div,每个子div包含一张图片和对应的描述文本。例如: ```html &lt;img src="image1.jpg" alt="图片1描述"&gt; 这是图片1的描述 &lt;img src="image2.jpg" alt=...

    纯JS实现点击多图片切换效果

    本教程将详细介绍如何使用纯JavaScript(JS)来实现一个简单的多图片点击切换效果,适用于网页中的各种展示需求。 首先,我们需要准备多张图片资源,这些资源的名称可以在压缩包的文件列表中找到,比如"pic1.jpg", ...

    网页图片切换经典例子

    在网页设计中,图片切换效果是一种常见的交互设计手法,它能提升用户体验,吸引用户的注意力,尤其是在展示产品或...通过研究和实践这个例子,你可以进一步提升自己的前端开发能力,同时也能为网站增添更多的视觉魅力。

    js图片切换,点击切换

    同时,这种移动方式能够有效地节省屏幕空间,让用户更容易查看更多的图片。 图片上带有链接是另一种增强交互性的方法。在JS中,我们可以为每个图片元素添加onclick事件监听器,当用户点击图片时,执行跳转链接的...

Global site tag (gtag.js) - Google Analytics