最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

DOM之document.write_html/css

来源:动视网 责编:小采 时间:2020-11-27 16:39:07
文档

DOM之document.write_html/css

DOM之document.write_html/css_WEB-ITnose:document.write方法输出字符串到页面. 这个方法已经去比较古老的方法. 在现代的浏览器中比较少用了. 但是仍旧有它使用的地方. document.write 执行 当文档加载时, 文档中一个脚本中有document.write(text). text将会同种方式渲染. 看下面的
推荐度:
导读DOM之document.write_html/css_WEB-ITnose:document.write方法输出字符串到页面. 这个方法已经去比较古老的方法. 在现代的浏览器中比较少用了. 但是仍旧有它使用的地方. document.write 执行 当文档加载时, 文档中一个脚本中有document.write(text). text将会同种方式渲染. 看下面的


document.write方法输出字符串到页面. 这个方法已经去比较古老的方法. 在现代的浏览器中比较少用了. 但是仍旧有它使用的地方.

document.write 执行

当文档加载时, 文档中一个脚本中有document.write(text). text将会同种方式渲染.

看下面的例子:

...

document.write的内容是没有任何限制的. 它不需要输出有效的标签,关闭它们.

下面例子中, 每一个document.write输出文本的一小部分, 追加到页面中.

 document.write('')   document.write('
') The sun is rising, and I'm happy to welcome it.

同样有一个类似名称document.writeln(text), 这个方法追加一个 '\n' 到文本后面.

仅打开文档

There is only one restriction on document.write.document.write只有一个限制约束.

document.write和document.writeln 方法都可以输出文本到一个打开的文档.

当页面加载完成时, 文档会被关闭. 试图使用document.write到页面, 则会引起内容被删除.

XHTML 和 document.write

Mozilla使用XML模型解析任何Content-Type:application/xhtml+xml的文档

在这个模式中, 浏览器作为XML解析,快速又非常好. 但是由于技术限制性解析, document.write不会执行.

好与坏

在多数实际中, 我们倾向于使用DOM去改变更新, 因为这样方便. 或者使用innerTHML做同样的事情.

但是document.write在添加一个script生成的文本到页面是非常快速的方式.

同时, 他也使用在广告脚本和计数器上:

 var url = 'http://ads.com/buyme?rand='+Math.random() document.write('

---脚本URL动态的生成, 允许用户指定的数据添加到URL中,例如屏幕分辨率等其他的参数.

--添加一个随机数, 避免缓存相关数据

--关闭是分开的. 另外的浏览器认为脚本在之前完成.

非常的方便, 但也是不好的方式, 因为加载脚本可能会影响其他页面的加载渲染. 尤其是一个广告服务器非常慢的时候.

慎重考虑插入第三方的脚本.

一个最好的避免页面阻塞的方式. 使用DOM创建SCRIPT元素, 追加它到头部.

var script = document.createElement('script')script.src = 'http://ads.com/buyme?rand='+Math.random()// now append the script into HEAD, it will fetched and executeddocument.documentElement.firstChild.appendChild(script)

使用DOM不会影响其他页面的加载, 使用第三方的脚本也是快速安全的.

总结

document.write(或者writeln)允许输出文本到HTML中. 如果在文档加载后使用他们, 则会删除原来的内容.

document.write的优势:

  1. 他可以追加是随意的, 甚至部分, 不完整和难看的HTML到文档中

  2. 非常快速, 因为浏览器没有改变已存在的DOM结构.

有时候通过document.write方式添加脚本. 最好不要这样做, 这样其他的页面会等待脚本的加载和执行.

如果服务器在处理, 页面要加载非常多. 不管任何方式, 页面会等待服务器.

通过DOM方式来代替document.write(大多数情况下)

本文属于吴统威的博客, 微信公众号:bianchengderen,QQ群:186659233的原创文章,转载时请注明出处及相应链接:http://www.wutongwei.com/front/infor_showone.tweb?id=229 ,欢迎大家传播与分享.

文档

DOM之document.write_html/css

DOM之document.write_html/css_WEB-ITnose:document.write方法输出字符串到页面. 这个方法已经去比较古老的方法. 在现代的浏览器中比较少用了. 但是仍旧有它使用的地方. document.write 执行 当文档加载时, 文档中一个脚本中有document.write(text). text将会同种方式渲染. 看下面的
推荐度:
标签: html css web
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

Top