当前位置: 首页 > 基础知识

js刷新页面的方法,我看了你那个js指定时间刷新页面的问题

 时间:2020-04-27 09:59:47 来源: 

js大数据量如何实现页面的局部渲染(不是局部刷新)--解决方法

把看到的区域当画布,创建e79fa5e98193e4b893e5b19e31333264646565足够能展现界面的Dom就够了。比如一个屏幕的高度一般是800像素左右,假设一条记录占用的高度是20像素,我们只用创建40个对象即可。接下来就是对这40个对象进行数据填充,通过滚动条调整填充数据的起始下标。10W条记录,IE下有些卡 <style type="text/css"> .panel{ overflow:scroll; width:200px; height:80%; } .panel .scroll{ } .item{ width:500px; height:20px; } .odd{ background-color:#ccc; } .items{ overflow:hidden; position:absolute; } .red{ color:red; } .green{ color:green; } </style> <script> window.console = window.console || { log: function() {} }; function absolutePoint(element) { var result = [element.offsetLeft, element.offsetTop]; element = element.offsetParent; while (element) { result[0] += element.offsetLeft; result[1] += element.offsetTop; element = element.offsetParent; } return result; } function ListView(options){ options = options || {}; var self = this, $C = function(tagName) { return document.createElement(tagName); }, // 创建节点 p, height, item_height, // 项高 view_count, // 可见项条数 parent = options.parent || document.body, // 容器 height, // 面板历史高度 div_panel = $C("div"), div_scroll = $C("div"), div_items = $C("div"), div_items_list = [$C("div")], freed = [div_panel, div_scroll, div_items]; // 可释放的对象 div_panel.className = "panel"; parent.appendChild(div_panel); div_items.className = "items"; document.body.appendChild(div_items); div_scroll.className = "scroll"; div_panel.appendChild(div_scroll); div_panel.onscroll = function() { doChange(); } div_panel.onresize = function() { doChange(); } div_items_list[0].className = "item"; div_items.appendChild(div_items_list[0]); div_scroll.style.width = div_items_list[0].clientWidth + "px"; item_height = div_items_list[0].clientHeight; p = absolutePoint(div_panel); with(div_items.style) { left = p[0] + "px"; top = p[1] + "px"; width = div_panel.clientWidth; height = div_panel.clientHeight; } /** * 界面改变 */ function doChange() { if (!item_height) return; var i, div; if (height != div_panel.clientHeight) { height = div_panel.clientHeight; view_count = parseInt(height / item_height); for (i = div_items_list.length; i < view_count; i++) { div = $C("div"); div.className = "item" + (i % 2 == 0 ? "" : " odd"); div_items.appendChild(div); div_items_list.push(div); } for (i = 0; i < div_items_list.length; i++) { div_items_list[i].style.display = i < view_count ? "" : "none"; } div_scroll.style.height = div_panel.clientHeight + options.count - view_count + "px"; console.log(["view_count", view_count]); } div_items.scrollLeft = div_panel.scrollLeft; if (!options.ondrawitem) return; i = Math.min(view_count, div_items_list.length); while(i--) { // 重新绘制 options.ondrawitem(i + div_panel.scrollTop, div_items_list[i]); } } doChange(); this.doChange = doChange; /** * 释放Dom对象 */ this.dispose = function() { var i = freed.length; while(i--) { freed[i].parentNode.removeChild(freed[i]); } i = freed.length; while(i--) { div_items_list[i].parentNode.removeChild(div_items_list[i]); } } } function format(template, json) { if (!json) return template; return template && template.replace(/\$\{(.+?)\}/g, function() { return json[arguments[1]]; }) } window.onload = function() { var i = 100000, data = new Array(i); while(i--) { data[i] = { index: i, random: Math.random(), key: (+new Date()).toString(36) }; } var listview = new ListView({ count: data.length, ondrawitem: function(i, div) { div.innerHTML = format(" <em>${index} </em> <span class=\"red\">${random} </span> <span class=\"green\">${key} </span>", data[i]); } }); }; </script>

jquery 下拉刷新插件如何实现当前最新数据覆盖上次页面的旧数据

可以先移除掉旧数据,再新增上新数据。比如$("select").remove(old);再$("select").add(new)

电脑页面刷新有几种方法

这是卡引起的,也可能当时你开启了多个知程序,重启一下电脑,如果是上面问题引起的,尽量少开程序。如果是道系统问题,查杀木马,还原系统或重装。硬件方面,测试一下你的CPU的温度是否过高?硬版盘及其它硬件是否有问题?如果内存不大的话,建议加内存条见效明显,杀毒软件的监控尽量少开权。

如何在父页面上调用iframe子页面的js方法

这个其实应该放在《多个iframe之间js的通信问题》文章里,但是由于已经写完了,所以就在这里暂且作为补充巴。上一篇文章中,我们说的通信,仅仅说了一个方面,就是访问双方的dom树节点。其实除了访问dom,还有访e799bee5baa6e78988e69d8331333335346165问js方法也是很重要的。一、父页面访问iframe子页面的js方法1)父页面<iframe frameborder="0" name="myContentIframeName" id="myContentIframe"src="examples/completeDemo.html" style="width:99%;height:600px;"></iframe>2)iframe页面<script type="text/plain" id="editor" style="width:700px;" ></script><script type="text/javascript"> function getContent(){ var arr = []; arr.push("使用editor.getContent()方法可以获得编辑器的内容"); arr.push("内容为:"); arr.push(ue.getContent()); alert(arr.join("\n")); return ue.getContent(); }</script>3)父页面调用iframe子页面js方法var editor = window.frames["myContentIframeName"].getContent();$("#lastContent").val(editor);

如何用纯js实现点击“记住用户名”按钮,刷新之后用户名依旧在页面的效果?

用纯js实现点击“记住用户名”按钮,刷新之后用户名依旧在页面zd的效果方法如下:1.登录成功之后,把登录信息加密后保存在cookie里面。2.然后建一个js文件版,在这个文件里面做用户是否已登录的判断!如果登录了就直接显示该页面,如果没登录,就跳转回登录页面。3.这个js文件在权登录后才能看到的页面都做引用。