document.write（）和 innerHTML的区别

　　document.write是直接写入到页面的内容流，如果在写之前没有调用document.open, 浏览器会自动调用open。每次写完关闭之后重新调用该函数，会导致页面被重写。

　　innerHTML则是DOM页面元素的一个属性，代表该元素的html内容。你可以精确到某一个具体的元素来进行更改。如果想修改document的内容，则需要修改document.documentElement.innerElement。

　　innerHTML将内容写入某个DOM节点，不会导致页面全部重绘。

innerHTML很多情况下都优于document.write，其原因在于其允许更精确的控制要刷新页面的那一个部分。

时间： 2024-10-06 04:58:11

document.write（）和 innerHTML的区别的相关文章

document.write和innerHTML的区别

document.write只能重绘整个页面,innerHTML可以重绘页面的一部分. 1. ducument.write使用举例html文档: <!doctype html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题</title> <script

转载地址:http://blog.csdn.net/zndxlxm/article/details/7404758 页面加载完成有两种事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页面包含图片等文件在内的所有元素都加载完成. 用jQ的人很多人都是这么开始写脚本的: $(function(){ // do something });其实这个就是jq ready()的简写,他等价于: $(docum

innerText与innerHTML的区别

innerText与innerHTML的区别:1.innerText将所有文本内容作为普通的文本2.innerHTML会识别文本内容中是否含有html标签,它能够把html标签的效果显示出来3.innerText设置<h1>abc</h1>文本时,h1会做为普通文本, 而innerHTML设置<h1>abc</h1>文本时,显示出来的文本只有abc, 但是会以大字体的形式显示出来 <!DOCTYPE html PUBLIC "-//W

innerText和innerHTML的区别

innerhtml用法 innertext用法以及innerHTML与innertext的区别,看完这个大家以后在实际应用中,就可以选择合适的方法.尽可能的考虑到兼容性. test.innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签. 上例中的test.innerHTML的值也就是“<span style="color:red">test1</span> test2 ”. test.innerText: 从起始位置到终止位

innerText跟innerHtml的区别

在一道面试题中看到的. 1.功能讲解: innerHTML 设置或获取位于对象起始和结束标签内的 HTML outerHTML 设置或获取对象及其内容的 HTML 形式 innerText 设置或获取位于对象起始和结束标签内的文本 outerText 设置(包括标签)或获取(不包括标签)对象的文本 1 <html> 2 <head> 3 <title>Demo</title> 4 <style><!-- 5 body {font-famil

document.ready和onload的区别——JavaScript文档加载完成事件

文章转自:http://blog.csdn.net/kk5595/article/details/5713209 页面加载完成有两种事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页面包含图片等文件在内的所有元素都加载完成.(可以说:ready 在onload 前加载!!!) 我的理解: 一般样式控制的,比如图片大小控制放在onload 里面加载; 而:jS事件触发的方法,可以在ready 里面加载; 更多内容戳这里:http://blog.

JS 页面加载触发事件 document.ready和onload的区别

JS 页面加载触发事件 document.ready和onload的区别 document.ready和onload的区别——JavaScript文档加载完成事件页面加载完成有两种事件: 一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件): 二是onload,指示页面包含图片等文件在内的所有元素都加载完成. 1.Dom Ready 用jQ的人很多人都是这么开始写脚本的: $(function(){ // do something }); 例如: $(functi

append和innerHTML的区别以及使用方法

1.append jquery中的append的使用方式:$("#id").append("<a href='#'>test</a>"); 该操作是将append中的html标签字符串追加插入到匹配元素的末尾. 2.innerHTML innerHTML是js的原生方法,$("#id")是个Jquery对象,Jquery没有innerHTML这个属性,应该这样写$("#id")[0].innerHTML

JavaScript中innerText和innerHTML的区别

案例 <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <script type="text/javascript"> onload=function(){ //把所有内容全部设置到层中. document.getElementById('btn1').onclick=function

Document.getElementById 与 $('#id')的区别

一直认为jquery中的$("#id")和document.getElementByIdx_x("id")得到的效果是一样的,今天才发现并不是这么一回事,通过测试得到: alert($("#box"))得到的是[object Object] alert(document.getElementById("box"))得到的是[object HTMLDivElement] alert($("#box")[0])