【简单实现html页面指定某一个div局部刷新】

运用情景
代码实现

运用情景

根据页面功能需要实现具体的某一个div的数据实现实时刷新，显示实时数据流

代码实现

刷新脚本：

# 代码直接放在.html文件对应的.js文件中$(function () {setInterval(function () {$(".class_name").load(location.href + " .class_name");//注意后面Div的id前面的空格，很重要！（也可以使用类名，或者某一种类名的.id名）}, 3000);//设置自动刷新时间：3秒})

可使用的两种方式：

$("#class_name").load(location.href + " #class_name")

$(".class_name").load(location.href + " .class_name")

只要js文件中的class_name与html中的
类名/或者同一类名下的 .id 名
保持一致即可。

或者刷新某个类名下的多个小类div(给的id)

目标页面obj.html中：

对应的 obj.js文件中

【简单实现html页面指定某一个div局部刷新】相关推荐

.net web 点击链接在页面指定位置显示DIV的问题
.net web 点击链接在页面指定位置显示DIV的问题做了一个网页,放了两个DataList ,一个显示科室,一个显示科室中的人员,由于科室太多,一屏显示不全,为了在页面刷新时记住上次浏览位置,所 ...
jQuery翻页yunm.pager.js，涉及div局部刷新
前端的翻页插件有很多,bootstrap的翻页界面看起来就不错,做起来也易于上手,但应用于项目中的翻页实现还有有几个难点,分别是: 如何封装一个翻页插件,如题中的yunm.pager.js. 涉及到的 ...
html div显示页面中间,使一个div始终显示在页面中间
使一个div始终显示在页面中间假设我们有一个div层: 首先,我们用css来控制它在水平上始终居中,那么我们的css代码应该是这样: *{margin:0;padding:0;} #myDiv{wi ...
简单的投票页面，只有一个html页面
帮鸟写了个最简单的投票页面,他要求最简单,所以界面就写的很简单,也没有什么大的功能. 关于html的代码就不注释了,我比较喜欢这段JS代码,所以就注释一下JS代码. 代码如下: <!DOCTYP ...
指定DIV局部刷新的简单实现，很简单，但是网上搜到的大部分都很复杂
脚本部分: <script type="text/javascript">$(function () {setInterval(function () {$(" ...
jsp页面ajax用法,JSP页面如何使用ajax实现局部刷新
芜湖不芜点击左边的然后调action类似function showBooks(){var actionUrl=".........."; //点击左边调用后台的url $.aj ...
html5 居于页面中心,css笔记：如何让一个div居于页面正中间
如何让一个div居于页面中间,我今天说的是让一个div水平居中同时垂直居中,而不是简单的top:50%,left:50%.当然,我们就按一开始的思路写一下:top,left属性都设为50%,看一下效果 ...
实现一个简单的登录页面
实现一个简单的登录页面设计了一个登录页面,感觉还挺不错的实现效果设计的还是挺好看的吧分析需要的功能一个登录页面一个注册页面翻转效果输入后的正则判断,给用户提示信息翻转要清空页面的全部信 ...
局部刷新某个div（重大突破）
遇道的问题, 我希望只刷新一个页面的右边部分,但是右边部分有个css是display:none 如果用$("#id").load(location.href+" #id ...

【简单实现html页面指定某一个div局部刷新】

【简单实现html页面指定某一个div局部刷新】

运用情景

代码实现

【简单实现html页面指定某一个div局部刷新】相关推荐

最新文章

热门文章