天天看點

javascript 詳解document.write()方法

javascript 詳解document.write()方法

  在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>");

//輸出效果如下: