JS document.write()方法

document.write()方法

发布者:IT人在线 | 发表时间:2019-1-28 9:38:25

 在javascript中,document.write()方法;常用来网页向文档中输出内容。

 

 示例:通过document.write()方法,向网页文档中输出了一段文字。

 document.write("我爱学习--喜欢学习,就和大家一起来分享你的学习经验与技巧。。。");

 

此外,还可以以另一种方式通过document.write()方法来输出。 

 document.write() 以变量的方式输出。

首先,声明一个变量。

var str="hello world";

document.write(str);

 

其次,可以通过document.write()方法 输出 变量与字符串的组合,通过变量 拼接字符串的方式来达到我们想要输出的效果。

注意:

     拼接字符串,用加号"+";

     字符串用双引号""括起来。

示例:

var str="hello world" ;

document.write(str+" "+"hello world");

//在浏览器中输出的结果为:hello world hello world

 

最后,我们还可以通过document.write()方法 来输出html标签:同时也可以将css样式写入到标签中,注意书写格式,及引号之间的转义。

 

示例:在网页中输出<p>我爱学习 http://www.52aixuexi.com</p>

注:输出html标签;只须将标签写入双引号中。

document.write("<p style='border:1px solid black;width:300px;height:90px;line-height:90px;background:#abcdef;text-align:center;'>我爱学习 http://www.52aixuexi.com</p>");

//输出效果如下:

我爱学习 http://www.52aixuexi.com