`
747017186
  • 浏览: 335517 次
社区版块
存档分类
最新评论

JS里面的document.write()

    博客分类:
  • js
 
阅读更多

JS当中的document.write()方法不能在页面加载之后再来调用,否则整个文档都会丢失。

例如:点击按钮之后,文档丢失,相当于把以前的内容给覆盖了。

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<p>My First Paragraph.</p>

<button onclick="myFunction()">点击这里</button>

<script>
function myFunction()
{
document.write("糟糕!文档消失了。");
}
</script>

</body>
</html>

分享到:
评论

相关推荐

    document.write()在JavaScript中怎样JSP调用

    document.write()在JavaScript中怎样JSP调用

    用javascript地址栏显示源码

    - 使用`document.write('&lt;body&gt;&lt;/body&gt;')`来清除页面上的所有内容,并重新插入一个空的`&lt;body&gt;`标签。 - 这一步是必要的,因为如果直接修改现有文档的内容而不进行清空操作,可能会导致布局错乱或意料之外的结果。...

    document.all Firefox不支持

    标题“document.all Firefox不支持”涉及的是Web开发中的一个历史遗留问题,主要集中在JavaScript的DOM操作上。在早期的Internet Explorer浏览器中,`document.all`是一个全局对象,它允许开发者访问页面上的所有...

    document.all[]详解

    document.write("document.all[" + i + "]=" + document.all[i].tagName + " "); } ``` **输出结果**: ``` document.all.length=272 document.all[0]=! document.all[1]=HTML document.all[2]=HEAD ...

    js基础教程

    - **`document.write()`**:最常用的输出内容的方法。 - 示例: ```javascript document.write("我是菜鸟我怕谁!"); ``` #### 五、兼容性考虑 - 对于不支持JavaScript的浏览器,可以通过以下方式隐藏...

    javascript入门教程

    对js菜鸟很有用的电子书 例: &lt;script language=javascript&gt; var a=2,b=3,c="2",qq; document.writeln("a=2,b=3,c='2'"); document.writeln(); document.write("a&lt;b = "); qq = a; document.writeln(qq); ...

    各浏览器对document.getElementById等方法的实现差异解析

    - `document.write`和`document.writeln`在IE6/7/8中可以直接调用,而在其他浏览器中会抛出错误。这是因为这两个方法在非初始文档加载期间在其他浏览器中是不可用的。 - `location.reload`和`history.go`同样在IE6/7...

    Javascript模仿php中strtotime()函数实现时间字符串转时间戳方法

    document.write(strtotime('now')); document.write(strtotime('next Sunday')); document.write(strtotime('last month')); document.write(strtotime('+1 weeks')); document.write(strtotime('+1 WEEK')); ...

    《JavaScript 程序设计》 基础篇2

    【描述】本笔记由西风潇潇编写,涵盖了《JavaScript 程序设计》基础篇的学习内容,其中包括JavaScript对程序流程的控制,以及顺序结构、选择结构、循环结构的详细介绍。 【标签】网易微专业之 【知识点】 1. ...

    JavaScript

    document.write("Hello, World!"); ``` - **代码块**:由多条语句组成的集合,通常用于控制结构(如if语句或循环)中。 ##### 3.2 变量 JavaScript中使用变量来存储数据。变量的声明方式有多种: - `var`:声明...

    JavaScript的100个经典实例

    * JavaScript 语句:JavaScript 语句是 JavaScript 的基本单元,例如 `&lt;html&gt;&lt;body&gt;&lt;script type="text/javascript"&gt;document.write("这是标题&lt;/h1&gt;");document.write("这是段落。&lt;/p&gt;");document.write("这是另一个...

    用一下[removed].rar

    `document.write`虽然在早期的JavaScript开发中广泛使用,但随着Web技术的发展,它已经逐渐被更先进、更可控的方法所取代。理解`document.write`在页面生命周期中的作用,以及如何安全地向页面动态添加内容,是每个...

    网页制作原代码HFJHJ

    if(hour ){document.write("凌晨好!")} else if (hour ){document.write("早上好!")} else if (hour ){document.write("上午好!")} else if (hour ){document.write("中午好!")} else if (hour ){document.write...

    js document对象详解

    JS 的 document 对象详解 作为 JavaScript 脚本语言中最重要的对象之一,document 对象提供了大量的属性和方法来操作和控制 HTML 文档。下面是对 document 对象的详细介绍。 document 对象属性 1. document.title...

    JavaScript快速入门与技巧.doc

    &lt;script language="JavaScript" src="filename.js"&gt; ``` 在JavaScript中,注释可以通过单行`//`或多行`/* ... */`实现: ```javascript // This is a single line comment /* This is a multi-line comment */ ```...

    JS的document_详细介绍及用法

    JavaScript中的`document`对象是浏览器提供的一个全局对象,它代表了当前HTML页面的文档对象,提供了访问和操作页面内容的方法和属性。通过`document`,我们可以实现对HTML元素的查找、创建、修改以及与用户交互等...

    javascript document对象详细介绍

    ### JavaScript Document对象详解 #### 一、概述 在Web开发中,`document`对象是浏览器提供的核心对象之一,它代表了当前加载的HTML文档,并且提供了访问和操作文档中的元素和内容的方法。通过`document`对象,...

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

    src = 'javascript:document.write(window.frameElement.getAttribute(\'data-src\'))'; iframe.setAttribute('data-src', html); iframe.setAttribute('src', src); iframe.width = '50'; // 这里将iframe添加...

    事半功倍系列之javascript

    随着时间的发展,JavaScript不仅限于浏览器环境,也逐渐扩展到了服务器端(如Node.js)以及其他各种应用场景。 ### 二、基本语法 #### 1. 输出信息 JavaScript中的`document.write()`函数可以用来向HTML文档中写入...

Global site tag (gtag.js) - Google Analytics