淺談document.write()輸出樣式
js中的最基本的命令之一：document.write（），用于簡(jiǎn)單的打印內(nèi)容到頁(yè)面上，可以逐字打印你需要的內(nèi)容——document.write("content"),這里content就是需要輸出的內(nèi)容；當(dāng)然還有一種情況，需要輸出JS之中比如變量等等變化的東西，那么就需要用document.write(+variable);當(dāng)然variable就是你想要輸出的變量。
既然可以輸出變量，肯定會(huì)想要去控制下變量的顯示，比如位置以及樣式。第一種控制方法是應(yīng)用內(nèi)部添加樣式的方法，比如
果里面需要添加的樣式太多，那么不僅顯得臃腫，而且修改起來也不會(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)容了，希望大家能夠喜歡。
相關(guān)文章
JS實(shí)現(xiàn)分頁(yè)瀏覽橫向圖片(類輪播)實(shí)例代碼
這篇文章主要介紹了JS實(shí)現(xiàn)分頁(yè)瀏覽橫向圖片(類輪播)實(shí)例代碼,代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-11-11
require.js是一個(gè)js腳本加載器，它遵循AMD(Asynchronous Module Definition)規(guī)范，實(shí)現(xiàn)js腳本的異步加載，不阻塞頁(yè)面的渲染和其后的腳本的執(zhí)行，并提供了在加載完成之后的執(zhí)行相應(yīng)回調(diào)函數(shù)的功能2017-07-07
讓firefox支持IE的一些方法的javascript擴(kuò)展函數(shù)代碼
因?yàn)橐恍┐a，只能在IE下實(shí)現(xiàn)，如果用firefox實(shí)現(xiàn)就必須用一些擴(kuò)展函數(shù)。2010-01-01
跟我學(xué)習(xí)javascript的Date對(duì)象
跟我學(xué)習(xí)javascript的Date對(duì)象，文章主要介紹了Date 日期和時(shí)間對(duì)象的操作，文章末尾為大家附加了兩個(gè)案例，幫助大家更好的學(xué)習(xí)javascript的Date對(duì)象，對(duì)這方面感興趣的小伙伴們可以參考一下2015-11-11
JavaScript setTimeout()基本用法有哪些
這篇文章主要介紹了JavaScript setTimeout()基本用法有哪些,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-11-11
在瀏覽器中獲取當(dāng)前執(zhí)行的腳本文件名的代碼
同事提了一個(gè)問題，如何在瀏覽器中動(dòng)態(tài)插入的 JavaScript 文件中，獲取當(dāng)前文件名？2011-07-07
JS通過ajax動(dòng)態(tài)讀取xml文件內(nèi)容的方法
這篇文章主要介紹了JS通過ajax動(dòng)態(tài)讀取xml文件內(nèi)容的方法,實(shí)例分析了Ajax操作XML文件的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
這篇文章主要為大家詳細(xì)介紹了第三篇Javascript動(dòng)畫效果,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
js實(shí)現(xiàn)QQ面板拖拽效果（慕課網(wǎng)DOM事件探秘）（全）
這篇文章主要為大家詳細(xì)介紹了QQ面板拖拽效果，探秘慕課網(wǎng)DOM事件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
js/jQuery簡(jiǎn)單實(shí)現(xiàn)選項(xiàng)卡功能
本篇文章主要是對(duì)js/jQuery簡(jiǎn)單實(shí)現(xiàn)選項(xiàng)卡功能的示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-01-01