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就是你想要輸出的變量。
既然可以輸出變量，肯定會想要去控制下變量的顯示，比如位置以及樣式。第一種控制方法是應用內(nèi)部添加樣式的方法，比如
document.write("<font style>=font-size:20px;font-family= Helvetica;"content"</font>"這樣，不過如果里面需要添加的樣式太多，那么不僅顯得臃腫，而且修改起來也不會方便。
這種情況下肯定用選擇器肯定會感覺爽一些。不過由于用選擇器的時候要用到各種雙引號單引號，所以在使用的時候應該注意防止雙引號和單引號的提早匹配，我避免的方法是用 \" 去提醒瀏覽器不要過早的匹配，例子如下：
document.write("<div id=\"ok\">"+percentage+"</div>");
這里定義了一個名叫ok的ID選擇器去控制樣式，因id名需要用雙引號括起來，所以為了避免和前面的雙引號匹配，就用 \" 給它聲明一下，然后在CSS文件里面
#ok{style;}
就可以去定義自己想要的樣式和位置了。
既然可以輸出變量，肯定會想要去控制下變量的顯示，比如位置以及樣式。第一種控制方法是應用內(nèi)部添加樣式的方法，比如
document.write("<font style>=font-size:20px;font-family= Helvetica;"content"</font>"這樣，不過如果里面需要添加的樣式太多，那么不僅顯得臃腫，而且修改起來也不會方便。
這種情況下肯定用選擇器肯定會感覺爽一些。不過由于用選擇器的時候要用到各種雙引號單引號，所以在使用的時候應該注意防止雙引號和單引號的提早匹配，我避免的方法是用 \" 去提醒瀏覽器不要過早的匹配，例子如下：
document.write("<div id=\"ok\">"+percentage+"</div>");
這里定義了一個名叫ok的ID選擇器去控制樣式，因id名需要用雙引號括起來，所以為了避免和前面的雙引號匹配，就用 \" 給它聲明一下，然后在CSS文件里面
#ok{style;}
就可以去定義自己想要的樣式和位置了。
相關文章
這篇文章主要給大家介紹了關于如何通過一分鐘學會JavaScript中try-catch的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-12-12
這篇文章主要介紹了繼承行為在 ES5 與 ES6 中的區(qū)別詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-12-12
基于JS實現(xiàn)數(shù)字+字母+中文的混合排序方法
這篇文章主要介紹了基于JS實現(xiàn)數(shù)字+字母+中文的混合排序方法的相關資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06
這篇文章主要介紹了微信小程序class封裝http,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-08-08
上傳前預覽使用js實現(xiàn)還是比較cool的，同時還可以兼容IE和FF的能做到這一點已經(jīng)相當不容易了，下面與大家一起分享下具體的實現(xiàn)，感興趣的你可不要錯過了哈2013-05-05
js控制臺報錯Uncaught TypeError: Cannot read p
本文主要介紹了js控制臺報錯Uncaught TypeError: Cannot read properties of undefined (reading ‘a(chǎn)ppendChild‘)的解決，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-07-07
用js代碼和插件實現(xiàn)wordpress雪花飄落效果的四種方法
這篇文章主要介紹了用js代碼和插件實現(xiàn)wordpress雪花飄落效果的四種方法,需要的朋友可以參考下2014-12-12
根據(jù)分辨率不同，調(diào)用不同的css文件...2006-08-08
這篇文章主要介紹了JavaScript類型判斷的四種方法，幫助大家更好的理解和學習JavaScript，感興趣的朋友可以了解下2020-10-10![Javascript的console['''']常用輸入方法匯總](http://img.jbzj.com/images/xgimg/bcimg9.png)
Javascript的console['''']常用輸入方法匯總
本文給大家?guī)砹耸畮追NJavascript的console['']常用輸入方法，每種方法給大家介紹的都很詳細，需要的朋友參考下吧2018-04-04