有段时间没有写技术相关的东西了,今天就写一写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里面的内容,对当前页面没有影响。
下面是一些有用的链接:
分享到:
相关推荐
本篇文章将详细介绍如何通过简单的JavaScript脚本实现在浏览器地址栏直接查看当前页面的HTML源代码。此方法不仅适用于开发者快速预览和调试页面结构,对于学习前端技术的新手而言也是一个非常实用的小技巧。 #### ...
简单来说,`document.all[]` 提供了一个快速简便的方式来遍历整个页面中的元素。 #### 三、示例分析 下面是一个具体的示例代码,用于展示如何使用 `document.all[]` 来获取页面中的所有元素: ```html <!DOCTYPE ...
以下是一个简单的`document.write()`使用示例: ```javascript document.write("Hello, World!"); ``` 在这个例子中,"Hello, World!"会被写入到HTML文档的当前位置。 总结一下,`document.open()` 和 `...
document.layers.position.document.write(myclock); document.layers.position.document.close(); } else if (document.all) { position.innerHTML = myclock; } setTimeout("Time()", 1000); // 每1000毫秒...
document.write("数组元素:" + array[0] + "" + array[1] + "" + array[2] + "" + array[3] + "" + array[4]); ``` 以上就是从给定文件中提取并总结出来的JavaScript基础知识及示例。这些内容覆盖了JavaScript的...
### JavaScript Document 对象详解 #### 一、Document 对象简介 ...以上就是关于JavaScript中`Document`对象的一些基本属性和方法的详细介绍,通过这些知识,可以有效地操作网页元素,实现动态效果。
document.write("Hello"); ``` ##### 隐藏脚本代码 为了让不支持 JavaScript 的浏览器可以正常显示页面内容,可以通过注释方式隐藏脚本代码: ```html <!-- document.write("Hello"); //--> ``` ##### ...
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 ``` 如上例所示,...
document.write(document.referrer); ``` 3. 当用户从 `a.html` 中点击超链接进入 `b.html` 时,`document.referrer` 的值将被设置为 `a.html` 的 URL,即 `http://127.0.0.1:8180/a.html`。这是因为用户是从...
#### 知识点二:使用`document.write()`输出内容 `document.write()`函数用于将文本、HTML或JavaScript代码写入当前文档流中。例如: ```javascript <!-- document.write("Hello"); // --> ``` 这里使用了...
### JavaScript的...通过上述介绍可以看出,`Document`对象提供了丰富的API,使得开发者可以方便地操作DOM元素、管理文档状态以及响应用户事件。熟练掌握这些API能够帮助开发者更加高效地完成Web应用的开发工作。
`document.write()` 方法是最简单的向页面输出内容的方式之一: ```javascript document.write("<strong>Hello</strong>"); ``` 这将在页面上输出 `<strong>Hello</strong>`。然而,`document.write()` 在开发过程...
本文将详细介绍如何在JavaScript中隐藏document.referrer,防止敏感信息泄漏。 首先,document.referrer属性的作用是返回载入当前文档的文档的URL。当一个用户从搜索引擎的搜索结果页面跳转到一个网站,或者从一个...
可以使用`document.write()`方法来向浏览器输出文本: ```javascript document.write("<strong>Hello</strong>"); ``` 这个方法主要用于测试和调试,但在实际开发中并不推荐使用,因为它的使用会覆盖已有的HTML...
document.write(today.getFullYear()); document.write("年"); document.write(today.getMonth()+1); document.write("月"); document.write(today.getDate()); document.write("日"); ``` 这里的关键点在于`new ...
内容较为简单,除了考察对document.write的使用之外,还有它的输出的格式的掌握,并且要注意的是JavaScript里面的关键词或者是变量名等的内容是区分大小写的,要求学生掌握JavaScript的基本内容,平时要多注重细节,...
document.write(object2.language + " programming language can be studied "); document.write("<hr />"); ``` 这个示例展示了如何在HTML页面中使用JavaScript创建两个JSON对象,并通过`document....
`S.html.write`可能是一个简单的模板引擎,允许开发者使用特定的语法将数据绑定到HTML模板中。这通常用于动态生成页面,避免直接在JavaScript中拼接字符串来构建复杂的HTML。 4. **异步处理**: 在现代Web开发中...
利用`document.write()`方法可以在浏览器中输出内容。 1. **基本语法** ```javascript document.write("<strong>Hello</strong>"); ``` 2. **作用** - **动态生成HTML**:根据不同的条件生成不同的HTML内容。...