首页网络编程JavaScriptjavascript技巧 → 无闪烁更新网页内容

无闪烁更新网页内容JS实现

发布时间:2013-12-19 16:28:40 作者:

这篇文章主要介绍了无闪烁更新网页内容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);

您可能感兴趣的文章:

相关文章
最新更新
业界资讯
网友评论