首頁 > web前端 > js教程 > document.write()及其輸出內容的樣式、位置控制_javascript技巧

document.write()及其輸出內容的樣式、位置控制_javascript技巧

WBOY
發布: 2016-05-16 17:26:00
原創
1938 人瀏覽過

JS中的最基本的命令之一:document.write(),用於簡單的打印內容到頁面上,可以逐字打印你需要的內容——document.write("content"),這裡content就是需要輸出的內容;當然還有一種情況,需要輸出JS之中例如變數等等變化的東西,那麼就需要用document.write( variable);當然variable就是你想要輸出的變數。

既然可以輸出變量,一定會想要去控制下變量的顯示,例如位置以及樣式。第一種控制方法是套用內部新增樣式的方法,例如

document.write("=font-size:20px;font-family= Helvetica;"content""這樣,不過如果裡面需要添加的樣式太多,那麼不僅顯得臃腫,而且修改起來也不會方便。要用到各種雙引號單引號,所以在使用的時候應該注意防止雙引號和單引號的提早匹配,我避免的方法是用" 去提醒瀏覽器不要過早的匹配,例子如下:

document.write("
" percentage "
");

這裡定義了一個名叫ok的ID選擇器去控制樣式,因id名需要用雙引號括起來,所以為了避免和前面的雙引號匹配,就用" 給它聲明一下,然後在CSS文件裡面

#ok{style;}

就可以去定義自己想要的樣式和位置了。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板