這篇文章主要介紹了淺談document.write()輸出樣式，十分的簡(jiǎn)單實(shí)用，有需要的小伙伴可以參考下。
js中的最基本的命令之一：document.write()，用于簡(jiǎn)單的打印內(nèi)容到頁面上，可以逐字打印你需要的內(nèi)容——document.write("content"),這里content就是需要輸出的內(nèi)容;當(dāng)然還有一種情況，需要輸出JS之中比如變量等等變化的東西，那么就需要用document.write(+variable);當(dāng)然variable就是你想要輸出的變量。
既然可以輸出變量，肯定會(huì)想要去控制下變量的顯示，比如位置以及樣式。第一種控制方法是應(yīng)用內(nèi)部添加樣式的方法，比如
代碼如下:
document.write("=font-size:20px;font-family= Helvetica;"content""
果里面需要添加的樣式太多，那么不僅顯得臃腫，而且修改起來也不會(huì)方便。
這種情況下肯定用選擇器肯定會(huì)感覺爽一些。不過由于用選擇器的時(shí)候要用到各種雙引號(hào)單引號(hào)，所以在使用的時(shí)候應(yīng)該注意防止雙引號(hào)和單引號(hào)的提早匹配，我避免的方法是用 \" 去提醒瀏覽器不要過早的匹配，例子如下：
document.write("<div id=\"ok\">"+percentage+"</div>");
這里定義了一個(gè)名叫ok的ID選擇器去控制樣式，因id名需要用雙引號(hào)括起來，所以為了避免和前面的雙引號(hào)匹配，就用 \" 給它聲明一下，然后在CSS文件里面
#ok{style;}
就可以去定義自己想要的樣式和位置了。
以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。
更多信息請(qǐng)查看IT技術(shù)專欄
公眾號(hào)
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試