Javascript 中 document的Write与WriteIn的区别

发布时间:2025-05-20 21:36:18 发布人:远客网络

一、Javascript 中 document的Write与WriteIn的区别

1、使用 document.write输出 HTML标签（尤其是<script>标签）的时候，需要将闭合标签进行转义，否则浏览器在匹配闭合标签时发生错误。这样写是没问题的：

document.write('<\/script>');

document.write('<\/body>');

document.write('<\/html>');

如果你的 document.write是在一个.js文件中，则不需要这样做。

2、document.write()和document.writeln()区别

document.write()和document.writeln都是JavaScript向客户端写入的方法

writeln是以行方式输出的，一般情况下用两种方法输出的效果在页面上是没有区别的，两种方法仅当在查看源代码时才看得出区别，除非是输出到pre或xmp元素内

运行上面的代码，在新开的窗口中:查看－源文件，就可以看到，writeln是以行方式输出

document.write("<pre>百度")

document.writeln("知道</pre>")

<TITLE> New Document</TITLE>

id_var[i]=document.forms[0].elements[i].value;

// alert(id_var);//用alert可以正常弹出每个值

//document.writeln(id_var);//用document在函数里就会报错（错误:'document.forms.0.elements'为空或不是对象）不写在函数里就可以,原因是在第一次执行document.writeln(id_var)将文档重写，所以后面的找不到对象

4、用document.close()来关闭输出流写和不写一样。

二、writeln()与write()的区别

1、Writeln是输出语句，输出语句有三种格式:

2、① Write(输出项1，输出项2)；｛执行输出后光标不换行｝

3、② Writeln(输出项1，输出项2)；｛执行输出后光标换到下一行｝

4、③ Writeln｛仅输出空白且光标换到下一行｝

5、Writeln语句后面的圆括号以内部分均为输出项，可以是多项，各项间用逗号分隔；对单引号里的内容按照引号内的原样(字符)输出显示。如果输出项是表达式，则只输出表达式的值，而不是表达式本身。

6、Readln是一个特殊的输入语句，要求输入一个回车(换行)才能往下执行。

7、Readln是输入语句，它的一般格式为:

8、前两种格式均要从键盘给变量输入数据，输入时，所键入的数据之间以空格为分隔，以回车为输入结束。若多输入了数据(即数据个数超过变量个数)，Read语句读完数据之后，能让后续的读语句接着读取多下来的数据；而Readln语句对本行多输入的数据不能让后续语句接着读取多下来的数据。为了防止多输入的数据影响下一个输入语句读取数据，建议尽量使用Readln语句输入数据。第三种格式不需输入数据，只需按入一个回车键。

三、什么是JavaScript

Javascript是一种由Netscape的LiveScript发展而来的脚本语言，主要目的是为了解决服务器终端语言，比如Perl，遗留的速度问题。当时服务端需要对数据进行验证，由于网络速度相当缓慢，只有28.8kbps，验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能。

在1992年，Nombas开始开发一种嵌入式脚本语言，叫做C-minus-minus(Cmm)。[待续...

能够具有交互性，能够包含更多活跃的元素，就有必要在网页中嵌入其它的技术。如：Javascript、VBScript、Document Object Model（文件目标模块）、Layers和 Cascading Style Sheets（CSS），这里主要讲Javascript。那么Javascript是什么东东？Javascript就是适应动态网页制作的需要而诞生的一种新的编程语言，如今越来越广泛地使用于Internet网页制作上。 Javascript是由 Netscape公司开发的一种脚本语言（scripting language），或者称为描述语言。在HTML基础上，使用Javascript可以开发交互式Web网页。Javascript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包含更多活跃的元素和更加精彩的内容。运行用Javascript编写的程序需要能支持Javascript语言的浏览器。Netscape公司 Navigator 3．0以上版本的浏览器都能支持 Javascript程序，微软公司 Internet Explorer 3．0以上版本的浏览器基本上支持Javascript。微软公司还有自己开发的Javascript，称为JScript。 Javascript和Jscript基本上是相同的，只是在一些细节上有出入。 Javascript短小精悍，又是在客户机上执行的，大大提高了网页的浏览速度和交互能力。同时它又是专门为制作Web网页而量身定做的一种简单的编程语言。

虽然，在Dreamweaver的Behaviors可以为我们方便地使用Javascript程序而不用编写代码，但我们自己了解了Javascript的编程方法后，将能更加方便灵活地应用，也使Javascript的代码更简练。本专题通过对一系列典型程序的剖析，使你快速地掌握Javascript的编程技巧，设计出质量上乘的动态网页打下坚实的基础。在此之前，我们先了解一些Javascript的基本概念。

JavaScript使网页增加互动性。JavaScript使有规律地重复的HTML文段简化，减少下载时间。JavaScript能及时响应用户的操作，对提交表单做即时的检查，无需浪费时间交由 CGI验证。JavaScript的特点是无穷无尽的，只要你有创意。

很多人看到 Java和 JavaScript都有“Java”四个字，就以为它们是同一样东西，连我自己当初也是这样。其实它们是完完全全不同的两种东西。Java，全称应该是 Java Applet，是嵌在网页中，而又有自己独立的运行窗口的小程序。Java Applet是预先编译好的，一个 Applet文件（.class）用 Notepad打开阅读，根本不能理解。Java Applet的功能很强大，可以访问 http、ftp等协议，甚至可以在电脑上种病毒（已有先例了）。相比之下，JavaScript的能力就比较小了。JavaScript是一种“脚本”（“Script”），它直接把代码写到 HTML文档中，浏览器读取它们的时候才进行编译、执行，所以能查看 HTML源文件就能查看JavaScript源代码。JavaScript没有独立的运行窗口，浏览器当前窗口就是它的运行窗口。它们的相同点，我想只有同是以 Java作编程语言一点了。

一个 JavaScript程序其实是一个文档，一个文本文件。它是嵌入到 HTML文档中的。所以，任何可以编写 HTML文档的软件都可以用来开发 JavaScript。在此我推荐大家用 FrontPage 2000附带的 Microsoft脚本编辑器（在 FrontPage菜单|工具|宏| Microsoft脚本编辑器）。它是个像 Visual Basic/ C++一样的程序开发器，能对正在输入的语句作出简要提示。配合 FrontPage 2000，使工作量大大减少。

Javascript加入网页有两种方法：

这是最常用的方法，大部分含有Javascript的网页都采用这种方法，如：

document.writeln("这是Javascript！采用直接插入的方法！");

在这个例子中，我们可看到一个新的标签：<script>……</script>，而<script language="Javascript”>用来告诉浏览器这是用Javascript编写的程序，需要调动相应的解释程序进行解释。

HTML的注释标签：用来去掉浏览器所不能识别的Javascript源代码的，这对不支持 Javascript语言的浏览器来说是很有用的。

//-Javascript结束：双斜杠表示 Javascript的注释部分，即从//开始到行尾的字符都被忽略。至于程序中所用到的document．write（）函数则表示将括号中的文字输出到窗口中去，这在后面将会详细介绍。另外一点需要注意的是，<script>……</script>的位置并不是固定的，可以包含在<head>......</head>或<body>.....</body>中的任何地方。

2、引用方式如果已经存在一个Javascript源文件（以js为扩展名），则可以采用这种引用的方式，以提高程序代码的利用率。其基本格式如下：

其中的Url就是程序文件的地址。同样的，这样的语句可以放在HTML文档头部或主体的任何部分。如果要实现“直接插入方式”中所举例子的效果，可以首先创建一个Javascript源代码文件“Script.js”，其内容如下：

document.writeln("这是Javascript！采用直接插入的方法！");

在网页中可以这样调用程序：<script src＝"Script.js" language="Javascript"></script>。

在这里只作简单介绍，在以后的例子中结程序再作具体解释其作用。

运算符就是完成操和的一系列符号，它有七类：

赋值运算符、算术运算符、比较运算符、逻辑运算符、条件运算、位操作运算符和字符串运算符。

运算符和操作数的组合称为表达式，通常分为四类：赋值表达式、算术表达式、布尔表达式和字符串表达式。

Javascript程序是由若干语句组成的，语句是编写程序的指令。Javascript提供了完整的基本编程语句，它们是：

赋值语句、switch选择语句、while循环语句、for循环语句、do while循环语句、break循环中止语句和continue循环中断语句。

函数是命名的语句段，这个语句段可以被当作一个整体来引用不着和执行。使用函数要注意以下几点：

2）函数必须先定义后使用，否则将出错；

3）函数名是调用函数时引用的名称，它对大小写是敏感的，调用函数时不可写错函数名；

4）参数表示传递给函数使用或操作的值，它可以是常量，也可以是变量；

5）return语句用于返回表达式的值，也可以没有。

Javascript的一个重要功能就是基于对象的功能，通过基于对象的程序设计，可以用更直观、模块化和可重复使用的方式进行程序开发。

一组包含数据的属性和对属性中包含数据进行操作的方法，称为对象。比如要设定网页的背景颜色，所针对的对象就是document，所用的属性名是bgcolor，如document.bgcolor="blue"，就是表示使背景的颜色为蓝色。

用户与网页交互时产生的操作，称为事件。绝大部分事都由用户的动作所引发，如：用户按鼠标的按钮，就产生onclick事件，若鼠标的指针的链接上移动，就产生onmouseover事件等等。在Javascript中，事件往往与事件处理程序配套使用。

学习Javascript比较快速有效的方法是先熟悉一些基本概念，然后找几个别人设计好的程序认真仔细地分析一遍，再稍作改动，再看看能否达到预期目的，不断地举一反三，既可以加深对一些参数、设计方法的理解，又可以快速地提高自己的水平。另外，再提醒一下：Javascript对大小写是敏感的，特别是一些对象、方法、属性的大小写一定要一致，要养成一种良好的习惯，否则在调试程序时可要累死你了。

如 var myVariable="some value";