淺談document.write()輸出樣式_javascript技巧

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

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

複製程式碼 程式碼如下:

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

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

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

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

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

#ok{style;}

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

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