无需修改JavaScript代码即可实时更新页面内容的技巧

发布时间：2023-08-30 14:20:22 所属栏目：教程来源：

导读：todo list

无闪烁更新网页的课题比较大。

加载的html字符串（通过ajax获取的），如果还需要运行代码，那么肯定有问题。

希望用一个不显示的iframe来承载这个对象。这有点dirty work的感觉。

最终解决

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);

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!