无闪烁更新网页内容JS实现
todo list
无闪烁更新网页的课题比较大。
加载的html字符串(通过ajax获取的),如果还需要运行代码,那么肯定有问题。
希望用一个不显示的iframe来承载这个对象。这有点dirty work的感觉。
var str2DOMElement = function(html) {
var frame = document.createElement('iframe');
frame.style.display = 'none';
document.body.appendChild(frame);
frame.contentDocument.open();
frame.contentDocument.write(html);
frame.contentDocument.close();
var el = frame.contentDocument.body.firstChild;
document.body.removeChild(frame);
return el;
}
var markup = '<div><p>text here</p></div>';
var el = str2DOMElement(markup);
相关推荐
-
JS实现跟随鼠标闪烁转动色块的方法
本文实例讲述了JS实现跟随鼠标闪烁转动色块的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <title>JS跟随鼠标闪烁转动的色块</title> </head> <body> <script language="JavaScript"> <!-- if (document.all){ colours=new Array('ff0000','00
-
JavaScript实现的背景自动变色代码
本文实例讲述了JavaScript实现的背景自动变色代码.分享给大家供大家参考,具体如下: 这里演示JavaScript实现网页背景自动变色,自己变换颜色,设定时间和颜色值即可,在你设定的颜色值.一定时间内自动切换网页背景颜色. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-auto-cha-bg-color-demo/ 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Tra
-
JavaScript实现点击按钮切换网页背景色的方法
本文实例讲述了JavaScript实现点击按钮切换网页背景色的方法.分享给大家供大家参考,具体如下: 这里演示JavaScript用按钮随意变换背景颜色,每点击一下按钮,就可以随机改变一种网页背景颜色.颜色值事先是保存在JS的数组里,你在代码里会发现他们,若不想要某个颜色,就替换掉即可. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-btn-click-rand-bgcolor-codes/ 具体代码如下: <!DOCTYPE HTML
-
js实现div闪烁原理及实现代码
最近在学着用easyui,发现框架用起来果然是方便简洁,能弄出这框架的都是大神级别了吧,牛啊.... 今天碰到这个应用可以说是让我非常之无语,整出源码来一看就明白了,可之前却还是感觉非常神奇,我也常常告诉自己,要多动脑筋,实际上有一些也的确有想过,但实在是效果很牵强,而当源码拿出来看的时候却又格外的明白,如果这时候我可以看到自己的表情,大抵就是一个纠结吧,如果说量变引起质变,那我的量还差的太多了,连见多识广都算不上,何谈创造啊. 先来分析下实现的原理吧,闪烁的原理是什么呢:其实就一个,displ
-
js实现的标题栏新消息闪烁提示效果
公司的项目中用到了这个新消息提示的效果,主要用于提示用户有新消息.具体实现代码如下: 复制代码 代码如下: var newMessageRemind = { _step: 0, _title: document.title, _timer: null, //显示新消息提示 show: function() { var temps = newMessageRemind._title.replace("[ ]", "").re
-
js实现网页标题栏闪烁提示效果实例分析
本文实例讲述了js实现网页标题栏闪烁提示效果的方法.分享给大家供大家参考.具体分析如下: 网页标题栏闪烁效果我们在一些聊天工具会常看到,像现在流量的聊天室,下面我们就来给大家总结一款实现网页标题栏闪烁提示代码,感兴趣可参考一下. 公司的项目中用到了这个新消息提示的效果,主要用于提示用户有新消息.具体实现代码如下: 复制代码 代码如下: var newMessageRemind={ _step: 0, _title: document.title, _timer: null, //显示新消息提示
-
高亮闪烁某个元素的js脚本
页面上有些重要内容需要提醒客户,可采用的方法有很多.提醒用户关注某一区域(div),可以给该div加上边框闪烁的效果,达到吸引用户眼球的效果. .box {border:1px solid #ccc; height:100px; width:600px; text-align:center; line-height:100px; background-color:#f7f7f7} .highLight {background-color:#ffffcc; border:1px solid #f3
-
JS CSS制作饱含热情的镶边文字闪烁特效
文字闪烁 function glowit(which){ if (document.all.glowtext[which].filters[0].strength==2) document.all.glowtext[which].filters[0].strength=1 else document.all.glowtext[which].filters[0].strength=2 } function glowit2(which){ if (document.all.glowtext.filt
-
JS实现的网页背景闪电闪烁效果代码
本文实例讲述了JS实现的网页背景闪电闪烁效果代码.分享给大家供大家参考,具体如下: 这款JavaScript特效代码可实现网页背景的闪电闪烁特效,点击网页上的按钮,即可激活效果,很炫的效果,细心的JS爱好者会发现,其实是把网页的背景颜色由"黑色"快速变换成"白色",形成了"闪电"效果. 在线演示地址如下: http://demo.jb51.net/js/2015/js-lightning-style-bgcolor-demo/ 具体代码如下: &
-
利用JS实现浏览器的title闪烁
主要是通过setTimeout方法设置一个定时器,切换消息提示,从而达title到消息提示的闪烁. 复制代码 代码如下: <html> <head> <title>JS效果-浏览器标题栏闪烁</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type
随机推荐
- 解析WPF实现音频文件循环顺序播放的解决方法
- Ajax 给 XMLHttpReq.onreadystatechange传递参数
- Flex中给按钮添加链接点击链接打开网页的方法
- Lua字符串模式匹配函数小结
- 使用js画图之正弦曲线
- JavaScript判断FileUpload控件上传文件类型
- 如何在WIN2K下安装PHP4.04
- js 实现打印网页中定义的部分内容的代码
- c#使用win32api实现获取光标位置
- win8.1安装mysql5.6时遇到问题解决方案
- Android实现Activity水平和垂直滚动条的方法
- sqlserver获取当前日期的最大时间值
- jquery popupDialog 使用 加载jsp页面的方法
- SpringMvc微信支付回调示例代码
- ASP.NET页面间的传值的几种方法
- 在Linux上运行C#的方法
- 深入解析C++设计模式编程中解释器模式的运用
- Android开发之5.0activity跳转时共享元素的使用方法
- 解决Linux system v 共享内存问题
- redis中key的设置方法步骤