DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> 淺談document.write()輸出樣式
淺談document.write()輸出樣式
編輯:JavaScript綜合知識     

   這篇文章主要介紹了淺談document.write()輸出樣式,十分的簡單實用,有需要的小伙伴可以參考下。

  js中的最基本的命令之一:document.write(),用於簡單的打印內容到頁面上,可以逐字打印你需要的內容——document.write("content"),這裡content就是需要輸出的內容;當然還有一種情況,需要輸出JS之中比如變量等等變化的東西,那麼就需要用document.write(+variable);當然variable就是你想要輸出的變量。

  既然可以輸出變量,肯定會想要去控制下變量的顯示,比如位置以及樣式。第一種控制方法是應用內部添加樣式的方法,比如

   代碼如下:

  document.write("=font-size:20px;font-family= Helvetica;"content""

  果裡面需要添加的樣式太多,那麼不僅顯得臃腫,而且修改起來也不會方便。

  這種情況下肯定用選擇器肯定會感覺爽一些。不過由於用選擇器的時候要用到各種雙引號單引號,所以在使用的時候應該注意防止雙引號和單引號的提早匹配,我避免的方法是用 " 去提醒浏覽器不要過早的匹配,例子如下:

  ?

1 document.write("<div id="ok">"+percentage+"</div>");

  這裡定義了一個名叫ok的ID選擇器去控制樣式,因id名需要用雙引號括起來,所以為了避免和前面的雙引號匹配,就用 " 給它聲明一下,然後在CSS文件裡面

  ?

1 #ok{style;}

  就可以去定義自己想要的樣式和位置了。

  以上所述就是本文的全部內容了,希望大家能夠喜歡。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved