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>

以上代码中,"好好学习"与"太阳出来"之间是有换行符的,但是浏览器并不能将两端文字换行。

回复

我来回复
  • 暂无回复内容