场景:
当前页面有10条记录,每条记录显示文档的基本信息和缩略描述。缩略描述来源于隐藏
的<div>结点信息。 点击记录的时候,跳转到文档显示页面 -- html结构、乃至css之
类文件从服务器获取,正文内容来自先前隐藏的<div>结点。
这个该如何实现?
var docid = 1003; // 要拷贝的文档id
var doc_node = $("div.hidden_doc_list").children('[data-docid=' + docid +
']')[0]; // div.hidden_doc_list包含10个子div用于存放10个文档数据, display:
none
var w = window.open('url/to/doc.html', '正文信息');
w.document.getElementById('doc-content').innerHTML =
doc_node.cloneNode(true).textContent;
--------------------------------
上面这段代码并没有用。 有几个问题:
(1) 浏览器执行window.open(),发起http请求,获取到文件内容(html, css, js)
(2) 获取到的html文件在新的tab页面显示、渲染
(3) 修改新的tab页面内容,页面渲染、以及刷新
(1), (2), (3)时间顺序得如何控制? 该如何做,如何从浏览器的行为、js发起请求、
乃至DOM更新和渲染理解这个事情?
谢谢。
--
修改:saynothing FROM 125.120.146.*
FROM 125.120.146.*