`
deng131
  • 浏览: 672826 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

document.write()方法与innerHTML方法

阅读更多
1: document.write 指向窗口输出 //在页面弹出广告中使用过document.write()这种方式。
2: dom.innerHTML 则是改变窗口中HTML代码

在载人页面后,浏览器输出流自动关闭;在此之后,任何一个对当前页面进行操作的document.write()方法将打开—个新的输出流。它将清除当前页面内容(包括源文档的任何变量或值)、因此.假如希望用脚本生成的HTML替换当前页面,就必须把HTML内容连接起来赋给一个变量、使用一个 document.write()方法完成写操作,不必清除文档并打开一个新数据流,一个document.write()调用就可完成所有的操作。

如何选择?
如果加载时就要用脚本输出,用document.write好一点.
如果网页已经加载完毕,用innerHTML会更安全一点,用document.write会出错
分享到:
评论

相关推荐

    document属性和方法.txt

    ### Document属性和方法详解 #### 一、Document对象概述 `Document`对象是浏览器中一个非常重要的对象,它表示整个HTML文档。通过`Document`对象,开发者可以访问页面中的所有元素,实现对网页内容的动态操作。下面...

    document.open() 与 [removed]()的区别

    在JavaScript中,`document.open()` 和 `document.write()` 是两个...在大多数情况下,为了防止意外的页面重置,建议谨慎使用`document.write()`,而更倾向于使用其他DOM操作方法,如`innerHTML`、`appendChild`等。

    用一下[removed].rar

    鉴于`document.write`的局限性和潜在问题,现代Web开发倾向于使用其他方法来动态更新页面内容。以下是一些推荐的替代方法: - DOM操作:使用`innerHTML`, `appendChild`, `insertBefore`, `replaceChild`等DOM ...

    JS的document_详细介绍及用法

    此外,`document`对象还有许多其他属性和方法,如`document.forms`用于访问表单,`document.images`用于访问图像,以及`document.getElementsByName()`和`getElementsByTagName()`方法用于按名称或标签名查找元素。...

    javascript中的document.open()方法使用介绍

    在现代Web开发中,由于已经有更先进的技术如innerHTML、textContent、append()等DOM操作方法,document.open()和document.write()的使用相对较少。主要原因是这些方法在某些情况下可能会导致性能下降或页面内容的...

    JavaScript的document方法汇总

    ### JavaScript的document方法汇总 在Web开发中,`document`对象是浏览器提供的核心对象之一,它代表当前加载的HTML文档,并提供了与文档交互的各种方法和属性。本文将详细介绍`document`对象的一些常用方法及其...

    js document对象详解

    1. document.write():动态向页面写入内容。 2. document.createElement(Tag):创建一个 HTML 标签对象。 3. document.getElementById(ID):获得指定 ID 值的对象。 4. document.getElementsByName(Name):获得指定 ...

    JAVASCRIPT-DOCUMENT方法大全.pdf

    它包含了大量的属性和方法,使得JavaScript能够与网页内容进行交互。以下是对`document`对象主要属性和方法的详细说明: **属性** 1. `document.title`: 用来获取或设置文档的标题,与HTML中的`<title>`标签相对应...

    javascript 的Document属性和方法集合

    - `document.location`: 提供了与当前页面URL相关的属性和方法。 - `document.location.hash`: 获取或设置URL中#号后面的部分,常用于锚点定位。 - `document.location.host`: 包含域名和端口号。 - `document....

    javascript实例讲解

    document.layers.position.document.write(myclock); document.layers.position.document.close(); } else if (document.all) { position.innerHTML = myclock; } setTimeout("Time()", 1000); // 每1000毫秒...

    javascript document对象详细介绍

    ### JavaScript Document对象详解 ...以上就是关于`document`对象的详细介绍及其相关属性、方法和事件的使用示例。通过熟练掌握这些内容,开发者可以更加灵活地操作Web页面,实现丰富的交互效果。

    document对象总结

    ### Document对象总结与属性方法详解 在Web开发中,`Document`对象是浏览器解析HTML文档后形成的一个核心对象,它代表了整个HTML页面,并提供了访问和操作页面元素的方法和属性。下面将对`Document`对象的属性和...

    javascript 的document对象

    它包含了与当前页面相关的各种属性、方法和事件,使得JavaScript能够与用户界面进行交互。以下是对 `document` 对象及其相关属性和方法的详细说明: 1. **文档属性**: - `document.title`: 设置或获取当前页面的...

    Document对象内容集合

    本文将深入解析Document对象的相关属性与方法,帮助读者更好地理解和运用这些功能。 #### 一、Document对象基本属性 **1.1 `document.title`** - **作用**:获取或设置当前文档的标题。 - **示例**:可以通过`...

    脚本中Document对象内容集合介绍

    - `document.location`: 提供了与页面URL相关的属性和方法。 - `document.location.hash`: 获取URL中#号后面的部分。 - `document.location.host`: 包含域名和端口号。 - `document.location.hostname`: 只包含...

    javaScript实例集

    ### JavaScript实例集:日期星期显示与动态数字时钟 #### 日期星期显示 在Web开发中,能够实时显示当前日期和星期对于许多应用而言是非常实用的功能。以下代码展示了如何使用JavaScript来实现这一功能: ```...

    javascript的document对象

    在Web开发中,`Document`对象是浏览器提供的核心对象之一,它代表了当前加载的HTML文档,并提供了与该文档交互的方法和属性。掌握`Document`对象的基本用法对于进行前端开发至关重要。 #### Document对象的基础属性...

    JavaScriptdocument对象方法属性大全

    #### 基本属性与方法 1. **`document.title`** - 此属性用于获取或设置文档标题,即HTML `<title>` 标签的内容。 2. **颜色相关的属性** - `document.bgColor`:设置或返回文档背景色。 - `document.fgColor`...

Global site tag (gtag.js) - Google Analytics