淺談document.write()輸出樣式
js中的最基本的命令之一：document.write（），用于簡單的打印內(nèi)容到頁面上，可以逐字打印你需要的內(nèi)容——document.write("content"),這里content就是需要輸出的內(nèi)容；當(dāng)然還有一種情況，需要輸出JS之中比如變量等等變化的東西，那么就需要用document.write(+variable);當(dāng)然variable就是你想要輸出的變量。
既然可以輸出變量，肯定會想要去控制下變量的顯示，比如位置以及樣式。第一種控制方法是應(yīng)用內(nèi)部添加樣式的方法，比如
果里面需要添加的樣式太多，那么不僅顯得臃腫，而且修改起來也不會方便。
這種情況下肯定用選擇器肯定會感覺爽一些。不過由于用選擇器的時候要用到各種雙引號單引號，所以在使用的時候應(yīng)該注意防止雙引號和單引號的提早匹配，我避免的方法是用 \" 去提醒瀏覽器不要過早的匹配，例子如下：
document.write("<div id=\"ok\">"+percentage+"</div>");
這里定義了一個名叫ok的ID選擇器去控制樣式，因id名需要用雙引號括起來，所以為了避免和前面的雙引號匹配，就用 \" 給它聲明一下，然后在CSS文件里面
#ok{style;}
就可以去定義自己想要的樣式和位置了。
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。
相關(guān)文章
怎樣調(diào)用動態(tài)獲取的自定義對象的方法...2006-10-10
JavaScript資源預(yù)加載組件和滑屏組件的使用推薦
這篇文章主要介紹了JavaScript資源預(yù)加載組件和滑屏組件的使用推薦,分別為preload和slide的用法講解,使用起來非常簡單,需要的朋友可以參考下2016-03-03
Some tips of wmi scripting in jscript (1)
Some tips of wmi scripting in jscript (1)...2007-04-04
Vue elementUI實現(xiàn)免密登陸與號碼綁定功能
這篇文章主要介紹了Vue elementUI實現(xiàn)免密登陸與號碼綁定功能，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2022-11-11![在Z-Blog中運行代碼[html][/html]（純JS版）](http://img.jbzj.com/images/xgimg/bcimg4.png)
在Z-Blog中運行代碼[html][/html]（純JS版）
在Z-Blog中運行代碼[html][/html]（純JS版）...2007-03-03
webpack之基礎(chǔ)打包優(yōu)化的實現(xiàn)
本文主要介紹了webpack之基礎(chǔ)打包優(yōu)化的實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下<BR>2022-02-02
這篇文章主要介紹了使用RN Animated做一個“添加購物車”動畫的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
純JavaScript實現(xiàn)的兼容各瀏覽器的添加和移除事件封裝
這篇文章主要介紹了純JavaScript實現(xiàn)的兼容各瀏覽器的添加和移除事件封裝,本文直接給出實現(xiàn)代碼,代碼中帶詳細(xì)注釋,需要的朋友可以參考下2015-03-03
這篇文章主要為大家介紹了js獲取兩個數(shù)組對象的差集實現(xiàn)方法,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
js中獲取URL參數(shù)的共用方法getRequest()方法實例詳解
本文通過實例代碼給大家介紹了js中獲取URL參數(shù)的共用方法getRequest()方法 ,文末給大家提到了js獲取url參數(shù)值的兩種方式，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-10-10