document.write()及其輸出內(nèi)容的樣式、位置控制
更新時間：2013年08月12日 15:57:46 作者：
document.write（），用于簡單的打印內(nèi)容到頁面上，可以逐字打印你需要的內(nèi)容，既然可以輸出變量，肯定會想要去控制下變量的顯示，比如位置以及樣式
JS中的最基本的命令之一：document.write（），用于簡單的打印內(nèi)容到頁面上，可以逐字打印你需要的內(nèi)容——document.write("content"),這里content就是需要輸出的內(nèi)容；當然還有一種情況，需要輸出JS之中比如變量等等變化的東西，那么就需要用document.write(+variable);當然variable就是你想要輸出的變量。
既然可以輸出變量，肯定會想要去控制下變量的顯示，比如位置以及樣式。第一種控制方法是應(yīng)用內(nèi)部添加樣式的方法，比如
document.write("<font style>=font-size:20px;font-family= Helvetica;"content"</font>"這樣，不過如果里面需要添加的樣式太多，那么不僅顯得臃腫，而且修改起來也不會方便。
這種情況下肯定用選擇器肯定會感覺爽一些。不過由于用選擇器的時候要用到各種雙引號單引號，所以在使用的時候應(yīng)該注意防止雙引號和單引號的提早匹配，我避免的方法是用 \" 去提醒瀏覽器不要過早的匹配，例子如下：
document.write("<div id=\"ok\">"+percentage+"</div>");
這里定義了一個名叫ok的ID選擇器去控制樣式，因id名需要用雙引號括起來，所以為了避免和前面的雙引號匹配，就用 \" 給它聲明一下，然后在CSS文件里面
#ok{style;}
就可以去定義自己想要的樣式和位置了。
既然可以輸出變量，肯定會想要去控制下變量的顯示，比如位置以及樣式。第一種控制方法是應(yīng)用內(nèi)部添加樣式的方法，比如
document.write("<font style>=font-size:20px;font-family= Helvetica;"content"</font>"這樣，不過如果里面需要添加的樣式太多，那么不僅顯得臃腫，而且修改起來也不會方便。
這種情況下肯定用選擇器肯定會感覺爽一些。不過由于用選擇器的時候要用到各種雙引號單引號，所以在使用的時候應(yīng)該注意防止雙引號和單引號的提早匹配，我避免的方法是用 \" 去提醒瀏覽器不要過早的匹配，例子如下：
document.write("<div id=\"ok\">"+percentage+"</div>");
這里定義了一個名叫ok的ID選擇器去控制樣式，因id名需要用雙引號括起來，所以為了避免和前面的雙引號匹配，就用 \" 給它聲明一下，然后在CSS文件里面
#ok{style;}
就可以去定義自己想要的樣式和位置了。
您可能感興趣的文章:
相關(guān)文章
wxs相當于一個獨立模塊,相當于一個獨立出來的module對象,通過module.exports向外暴露,在文件中引入即可使用,下面這篇文章主要給大家介紹了關(guān)于微信小程序中wxs文件的一些妙用,需要的朋友可以參考下2022-01-01
這篇文章主要介紹了JavaScript的AOP編程,以實例形式分析了javascript面向切面編程的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
這篇文章主要給大家介紹了關(guān)于js中對象與對象創(chuàng)建方法的各種方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-02-02
微信小程序網(wǎng)絡(luò)層封裝的實現(xiàn)（promise, 登錄鎖）
這篇文章主要介紹了微信小程序網(wǎng)絡(luò)層封裝（promise, 登錄鎖），小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
詳解用原生JavaScript實現(xiàn)jQuery的某些簡單功能
本篇文章主要對用原生JavaScript實現(xiàn)jQuery的某些簡單功能進行詳細全面的講解，具有很好的參考價值，需要的朋友一起來看下吧2016-12-12
使用bootstrap validator的remote驗證代碼經(jīng)驗分享(推薦)
這篇文章主要介紹了使用bootstrap validator的remote驗證器驗證經(jīng)驗分享(推薦)的相關(guān)資料,本文介紹的非常詳細，具有參考借鑒價值，需要的朋友可以參考下2016-09-09
這篇文章主要介紹了JavaScript如何實現(xiàn)煙花綻放動畫效果，文中講解非常細致，代碼幫助大家更好的理解和學習，感興趣的朋友可以了解下2020-08-08
JS實現(xiàn)固定時間點執(zhí)行某任務(wù)的代碼示例
在Web前端開發(fā)中,有時我們需要在特定的時間點執(zhí)行某些任務(wù),例如每日定時發(fā)送數(shù)據(jù)報告、每小時更新一次用戶界面等,JavaScript 提供了多種方法來實現(xiàn)這一需求,本文將詳細介紹如何使用這些工具和技術(shù),并通過豐富的代碼示例展示其具體應(yīng)用,需要的朋友可以參考下2025-02-02
一個項目，包括了一個列表頁其中包括在列表中實現(xiàn)上移，下移，刪除等功能，為了用戶體驗，操作均使用JS實現(xiàn)2014-09-09
IntersectionObserver判斷是否在可視區(qū)域詳解
這篇文章主要為大家介紹了IntersectionObserver判斷是否在可視區(qū)域詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-10-10