淺談document.write()輸出樣式
更新時間：2015年05月07日 14:40:43 投稿：hebedich
這篇文章主要介紹了淺談document.write()輸出樣式，十分的簡單實用，有需要的小伙伴可以參考下。
js中的最基本的命令之一：document.write（），用于簡單的打印內容到頁面上，可以逐字打印你需要的內容——document.write("content"),這里content就是需要輸出的內容；當然還有一種情況，需要輸出JS之中比如變量等等變化的東西，那么就需要用document.write(+variable);當然variable就是你想要輸出的變量。
既然可以輸出變量，肯定會想要去控制下變量的顯示，比如位置以及樣式。第一種控制方法是應用內部添加樣式的方法，比如
復制代碼 代碼如下:
document.write("<font size="+0">=font-size:20px;font-family= Helvetica;"content"</font>"
果里面需要添加的樣式太多，那么不僅顯得臃腫，而且修改起來也不會方便。
這種情況下肯定用選擇器肯定會感覺爽一些。不過由于用選擇器的時候要用到各種雙引號單引號，所以在使用的時候應該注意防止雙引號和單引號的提早匹配，我避免的方法是用 \" 去提醒瀏覽器不要過早的匹配，例子如下：
document.write("<div id=\"ok\">"+percentage+"</div>");
這里定義了一個名叫ok的ID選擇器去控制樣式，因id名需要用雙引號括起來，所以為了避免和前面的雙引號匹配，就用 \" 給它聲明一下，然后在CSS文件里面
#ok{style;}
就可以去定義自己想要的樣式和位置了。
以上所述就是本文的全部內容了，希望大家能夠喜歡。
相關文章
這篇文章主要介紹了JS實現分頁瀏覽橫向圖片(類輪播)實例代碼,代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-11-11
require.js是一個js腳本加載器，它遵循AMD(Asynchronous Module Definition)規(guī)范，實現js腳本的異步加載，不阻塞頁面的渲染和其后的腳本的執(zhí)行，并提供了在加載完成之后的執(zhí)行相應回調函數的功能2017-07-07
讓firefox支持IE的一些方法的javascript擴展函數代碼
因為一些代碼，只能在IE下實現，如果用firefox實現就必須用一些擴展函數。2010-01-01
跟我學習javascript的Date對象，文章主要介紹了Date 日期和時間對象的操作，文章末尾為大家附加了兩個案例，幫助大家更好的學習javascript的Date對象，對這方面感興趣的小伙伴們可以參考一下2015-11-11
JavaScript setTimeout()基本用法有哪些
這篇文章主要介紹了JavaScript setTimeout()基本用法有哪些,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-11-11
同事提了一個問題，如何在瀏覽器中動態(tài)插入的 JavaScript 文件中，獲取當前文件名？2011-07-07
這篇文章主要介紹了JS通過ajax動態(tài)讀取xml文件內容的方法,實例分析了Ajax操作XML文件的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
這篇文章主要為大家詳細介紹了第三篇Javascript動畫效果,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要為大家詳細介紹了QQ面板拖拽效果，探秘慕課網DOM事件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
本篇文章主要是對js/jQuery簡單實現選項卡功能的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01