`

div 按 id 刷新 需要jquery

阅读更多

代码一:

 

<div id="mainContent">

<iframe id="contentContainer" name="mainFrame" width="100%" frameborder="0" scrolling="auto" height="700"
					src="">
</iframe>
</div>

 

代码二:

 

function refreshMainContent(url,path,showLoading,language,locale)
{
	var action=url;

	if(url.indexOf('{')==0&&url.lastIndexOf('}')==url.length-1){
		
	}

	var mainContent = document.getElementById("mainContent");
	if (mainContent)
	{
		// Remove iframe in mainContent
		var jqIframe = jQuery('#mainContent').find("iframe");
		jqIframe.attr("src", "about:blank");
		try{//Try is for sub-window access deny(security problem).
		    jqIframe.contents().each(function()
		    {//Prevent Memory Leak
			    this.write("");
		    });
		}catch(e){}
		jqIframe.remove();

		mainContent.innerHTML = "";
	}

	jQuery("#mainContent").load(action,"",function(){
		
	});
	
	return false;
}




分享到:
评论

相关推荐

    jQuery 局部div刷新和全局刷新方法总结

    接下来,我们将详细介绍如何使用jQuery进行局部div刷新和全局刷新。 局部div刷新主要指的是只刷新页面中某个特定的div元素区域。这在实现动态内容更新、表单提交、无刷新页面体验等方面有着重要的应用价值。jQuery...

    jquery刷新DIV

    当我们谈论“jQuery刷新DIV”,我们实际上是在讨论如何利用jQuery更新页面上某个特定的DOM元素,即DIV,而无需重新加载整个页面。这种局部刷新的技术可以提高用户体验,因为它减少了网络流量,使得页面更新更为流畅...

    带关闭按钮jquery+div消息弹出层代码例子

    关闭按钮是用户体验的关键部分,它提供了一种直观的方式来关闭弹出层,而不需要用户采取其他操作,如刷新页面。在jQuery中,可以为这个按钮添加一个点击事件处理器,当按钮被点击时,调用相应的函数来隐藏div元素。 ...

    div+css+JQuery仿京东商品详情界面

    通过设置`div`的`class`或`id`属性,可以方便地进行CSS选择和定位,从而实现页面的精确布局。 接着,CSS(层叠样式表)是网页设计的核心技术之一,用于控制网页的外观和布局。在仿京东商品详情页面中,CSS将被用来...

    JQuery实现的传统页面DIV排序删除

    首先,确保引入 `jQuery UI` 的库文件,然后对需要排序的 `DIV` 元素应用 `sortable()` 方法: ```html &lt;!DOCTYPE html&gt; &lt;title&gt;jQuery DIV排序 &lt;script src="https://code.jquery....

    jquery下拉刷新插件

    这段代码告诉jQuery找到ID为`refresh-container`的元素,并为其启用下拉刷新功能。一旦用户执行下拉动作,插件会触发一个特定的事件,如`pulltorefresh`,你可以监听这个事件来执行加载新内容的逻辑: ```...

    基于jQuery实现滚动刷新效果

    Jquery实现简单的滚动刷新效果: 实际情况使用Ajax获取后台数据更新前端页面即可实现页面滚动刷新效果 HTML正文: &lt;form id="form1" runat="server"&gt; &lt;div xss=removed&gt; &lt;/div&gt; &lt;/form&gt; Javascript...

    jQuery刷新页面数字动画特效

    1. **选择元素**:首先,你需要用jQuery选择器找到包含数字的HTML元素,如`&lt;div id="numberDisplay"&gt;1234&lt;/div&gt;`。 2. **初始化数值**:在JavaScript中设置初始值,例如`var currentValue = 1234;`。 3. **计算...

    jquery刷新页面和JS常用的函数

    在实际开发中,有时我们需要通过脚本来控制页面的刷新。对于这种情况,jQuery 提供了简便的方式来完成这一操作。 **刷新当前页面:** ```javascript window.location.reload(); ``` 此方法会重新加载当前页面。 ...

    JQuery实现动态菜单以及刷新局部页面实例

    &lt;div id="content"&gt;&lt;/div&gt; ``` 2. 使用jQuery的`.load()`方法:当用户点击某个菜单项时,触发Ajax请求,将返回的数据填充到指定的`#content`区域。 ```javascript $('#dynamicMenu a').click(function(e) { e....

    jquery实现Ajax定时局部页面刷新

    假设我们有一个页面,其中包含一个ID为`content`的`&lt;div&gt;`元素,我们需要让这个元素每隔5秒刷新一次,显示最新的数据。可以通过以下步骤实现: - **第一步**:确保页面中引入了jQuery库。 - **第二步**:编写...

    JQuery可收缩展开的级联菜单与局部刷新

    // 假设有一个id为'content-container'的div用于显示刷新内容 refreshContent(url, container); }); ``` 通过以上步骤,你就可以构建一个具备可收缩展开的级联菜单,并且能够根据用户的菜单选择实现局部刷新的...

    jquery模拟ajax关闭div窗口效果

    本教程将深入讲解如何利用jQuery和Ajax技术来模拟关闭div窗口的效果,同时更新后台数据库中的相关数据。 首先,我们要了解jQuery中的Ajax功能。Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个页面的...

    jQuery移动端下拉刷新、上拉加载更多插件

    **jQuery移动端下拉刷新、上拉加载更多插件——dropload.js详解** 在移动设备上,用户经常需要滚动页面以查看更多的内容或者刷新数据。为了提高用户体验,许多开发者引入了下拉刷新(Pull-to-Refresh)和上拉加载更...

    jQuery表格插件无刷新表格控制分页显示数据

    本教程将详细讲解如何利用jQuery实现一个无刷新表格插件,以便于在网页中控制分页显示数据,提高用户体验。 首先,理解"无刷新"的概念至关重要。传统的网页操作,如点击分页按钮,通常会触发页面整体刷新,这可能...

    php+jquery无刷新上传图片

    首先,我们需要理解“无刷新”上传的核心原理。无刷新上传是指用户在提交表单后,页面不会重新加载或跳转,而是通过后台处理数据并返回结果,通常借助Ajax技术实现。在这种情况下,我们使用jQuery来编写前端交互代码...

    jquery mobile html5下拉刷新

    2. **创建可滚动区域**:在页面中定义一个可滚动的容器,如`&lt;div data-role="content" id="refreshable-content"&gt;...&lt;/div&gt;`,并设置CSS样式使其具有滚动条。 3. **监听swipe事件**:通过JavaScript或jQuery监听...

    Struts2+jQuery(不用JSON)实现局部刷新

    在这个“Struts2+jQuery实现局部刷新”的主题中,我们将探讨如何利用这两者的优势来实现页面的无刷新更新。 1. **Struts2框架介绍**: Struts2是一个基于MVC设计模式的Java Web框架,它提供了良好的结构和可扩展性...

    JqueryUI控制可拖动隐藏DIV

    本项目聚焦于利用 jQuery UI 实现一个可拖动且可隐藏的 DIV 元素,提升用户体验,同时保持页面无刷新,使得交互更加流畅。 首先,我们要理解“JqueryUI 控制可拖动隐藏 DIV”这一概念。在 jQuery UI 中,`draggable...

    jQuery按F5刷新随机标签云代码.zip

    **jQuery按F5刷新随机标签云代码** 在前端开发中,创建动态且吸引人的用户界面是一种常见的需求。其中,标签云(Tag Cloud)是一个流行的设计元素,它展示了一系列相关的标签,通过不同大小和颜色来表示各个标签的...

Global site tag (gtag.js) - Google Analytics