`
alexcheng
  • 浏览: 181522 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

document.write简单介绍

阅读更多

有段时间没有写技术相关的东西了,今天就写一写document.write
 
一般来说,在我们日常的开发中,比较少会和document.write这个方法打交道。不过document.write在引人第三方的脚本库的时候非常常用。比如经常的写法是用一个<script>标签添加一个JavaScript文件,然后就可以生成出来很多内容。这种做法在Google Map等地图类的库上都用到了。在这个JavaScript文件里面就是用的document.write来输出额外的<script>元素、CSS链接和各种DOM元素的。
 
这里需要注意的是document.write只在页面正在加载中的时候起作用。如果在页面已经加载完成之后,再调用document.write的话,会冲掉当前页面的所有内容。这显然不是一个理想的行为。这就使得延迟加载很多JavaScript库变得复杂起来,不能简单的在页面加载完成之后通过动态创建<script>元素来加载,因为那样会导致页面的内容被冲掉。
 
如果你只是希望简单的显示一些东西,可以创建一个iframe,在iframe里面来引入JavaScript库。这样的话改变的是iframe里面的内容,对当前页面没有影响。
 
下面是一些有用的链接:

 

0
0
分享到:
评论

相关推荐

    用javascript地址栏显示源码

    本篇文章将详细介绍如何通过简单的JavaScript脚本实现在浏览器地址栏直接查看当前页面的HTML源代码。此方法不仅适用于开发者快速预览和调试页面结构,对于学习前端技术的新手而言也是一个非常实用的小技巧。 #### ...

    document.all[]详解

    简单来说,`document.all[]` 提供了一个快速简便的方式来遍历整个页面中的元素。 #### 三、示例分析 下面是一个具体的示例代码,用于展示如何使用 `document.all[]` 来获取页面中的所有元素: ```html &lt;!DOCTYPE ...

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

    以下是一个简单的`document.write()`使用示例: ```javascript document.write("Hello, World!"); ``` 在这个例子中,"Hello, World!"会被写入到HTML文档的当前位置。 总结一下,`document.open()` 和 `...

    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.write("数组元素:" + array[0] + "" + array[1] + "" + array[2] + "" + array[3] + "" + array[4]); ``` 以上就是从给定文件中提取并总结出来的JavaScript基础知识及示例。这些内容覆盖了JavaScript的...

    javasxript_document对象详解.txt

    ### JavaScript Document 对象详解 #### 一、Document 对象简介 ...以上就是关于JavaScript中`Document`对象的一些基本属性和方法的详细介绍,通过这些知识,可以有效地操作网页元素,实现动态效果。

    javascript方法和技巧大全_javascript教程

    document.write("Hello"); ``` ##### 隐藏脚本代码 为了让不支持 JavaScript 的浏览器可以正常显示页面内容,可以通过注释方式隐藏脚本代码: ```html &lt;!-- document.write("Hello"); //--&gt; ``` ##### ...

    Js中Math方法的使用

    document.write(Math.ceil(5.99)); // 输出: 6 document.write(Math.ceil(-5.99)); // 输出: -5 document.write(Math.ceil(1.01)); // 输出: 2 document.write(Math.ceil(-1.01)); // 输出: -1 ``` 如上例所示,...

    javascript document.referrer 用法

    document.write(document.referrer); ``` 3. 当用户从 `a.html` 中点击超链接进入 `b.html` 时,`document.referrer` 的值将被设置为 `a.html` 的 URL,即 `http://127.0.0.1:8180/a.html`。这是因为用户是从...

    JavaScript方法和技巧大全

    #### 知识点二:使用`document.write()`输出内容 `document.write()`函数用于将文本、HTML或JavaScript代码写入当前文档流中。例如: ```javascript &lt;!-- document.write("Hello"); // --&gt; ``` 这里使用了...

    javascript的document对象

    ### JavaScript的...通过上述介绍可以看出,`Document`对象提供了丰富的API,使得开发者可以方便地操作DOM元素、管理文档状态以及响应用户事件。熟练掌握这些API能够帮助开发者更加高效地完成Web应用的开发工作。

    JavaScript教程:适合新手的js代码使用方法和技巧大全

    `document.write()` 方法是最简单的向页面输出内容的方式之一: ```javascript document.write("&lt;strong&gt;Hello&lt;/strong&gt;"); ``` 这将在页面上输出 `&lt;strong&gt;Hello&lt;/strong&gt;`。然而,`document.write()` 在开发过程...

    Javascript中document.referrer隐藏来源的方法

    本文将详细介绍如何在JavaScript中隐藏document.referrer,防止敏感信息泄漏。 首先,document.referrer属性的作用是返回载入当前文档的文档的URL。当一个用户从搜索引擎的搜索结果页面跳转到一个网站,或者从一个...

    技巧Javascript 方法大全

    可以使用`document.write()`方法来向浏览器输出文本: ```javascript document.write("&lt;strong&gt;Hello&lt;/strong&gt;"); ``` 这个方法主要用于测试和调试,但在实际开发中并不推荐使用,因为它的使用会覆盖已有的HTML...

    JavaScript显示当前时间和日期

    document.write(today.getFullYear()); document.write("年"); document.write(today.getMonth()+1); document.write("月"); document.write(today.getDate()); document.write("日"); ``` 这里的关键点在于`new ...

    使用JavaScript输出“社会主义核心价值观”的内容

    内容较为简单,除了考察对document.write的使用之外,还有它的输出的格式的掌握,并且要注意的是JavaScript里面的关键词或者是变量名等的内容是区分大小写的,要求学生掌握JavaScript的基本内容,平时要多注重细节,...

    JSON - 快速指南 - Quick Guide

    document.write(object2.language + " programming language can be studied "); document.write("&lt;hr /&gt;"); ``` 这个示例展示了如何在HTML页面中使用JavaScript创建两个JSON对象,并通过`document....

    S.html.write:S.html.write-HTML编写器

    `S.html.write`可能是一个简单的模板引擎,允许开发者使用特定的语法将数据绑定到HTML模板中。这通常用于动态生成页面,避免直接在JavaScript中拼接字符串来构建复杂的HTML。 4. **异步处理**: 在现代Web开发中...

    JavaScript作用小结.doc

    利用`document.write()`方法可以在浏览器中输出内容。 1. **基本语法** ```javascript document.write("&lt;strong&gt;Hello&lt;/strong&gt;"); ``` 2. **作用** - **动态生成HTML**:根据不同的条件生成不同的HTML内容。...

Global site tag (gtag.js) - Google Analytics