document.writeln()
分类:实例代码
此方法与document.write()方法的作用类似,只是在每一个表达的最后添加一个换行符。
特别说明:
虽然根据DOM标准,该方法只接受单个字符串作为参数。不过根据经验,writeln()可接受任何多个参数。
通常按照两种方式使用writeln()方法:
(1).是在使用该方在文档中输出HTML,另一种是在调用该方法的的窗口之外的窗口、框架中产生新文档。
(2).在第二种情况中,请务必使用close()方法来关闭文档。
语法结构:
document.writeln(exp1,exp2,exp3,....)
浏览器支持:
(1).IE浏览器支持此方法。
(2).火狐浏览器支持此方法。
(3).Opera浏览器支持此方法。
(4).谷歌浏览器支持此方法。
(5).safria浏览器支持此方法。
实例代码:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> <script type="text/javascript"> document.writeln("前端教程网欢迎您"); document.writeln("太阳出来了"); </script> </head> <body> </body> </html>
以上代码可以向文档输出两条文本内让那个,并且在每一条的最后添加一个换行符,以上代码可以认为等同于以下代码:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> <script type="text/javascript"> document.write("好好学习\n"); document.write("太阳出来了\n"); </script> </head> <body> </body> </html>
在这里可能又不少朋友有这样的疑问,既然添加了换行符为什么没有出现换行的情况。这里大家要理解这样一个问题,那就是换行符和<br/>在浏览器中解析是两种结果,再来看以下代码:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> </head> <body> 好好学习 太阳出来了 </body> </html>
以上代码中,"好好学习"与"太阳出来"之间是有换行符的,但是浏览器并不能将两端文字换行。