JS相關筆記

如何使用?

內部

<script type="text/javascript"></script>

外部引用

<script src="script.js"></script>

ta作為一種腳本語言可以放在html任何位置。


注釋

//注釋內容 OR /*注釋內容*/


變量

1.變量必須使用字母、下劃線(_)或者美元符($)開始。


JS中如何輸出空格

在寫JS代碼的時候,大家可以會發現這樣現象:

document.write(" ? 1 ? ? ?2 ? ? ? ? ? ? ? ?3 ?");

結果:1 2 3

無論在輸出的內容中什么位置有多少個空格,顯示的結果好像只有一個空格。

這是因為瀏覽器顯示機制,對手動敲入的空格,將連續多個空格顯示成1個空格。

解決方法:

1. 使用輸出html標簽 來解決

document.write("1"+" &nbsp;"+"23");

結果:1 23

2. 使用CSS樣式來解決

document.write("<span style='white-space:pre;'>"+"? 1? ? ? ? 2? ? 3? ? "+"");

結果:1 ? ? ? 2 ? ? 3

在輸出時添加“white-space:pre;”樣式屬性。這個樣式表示"空白會被瀏覽器保留"

JS輸出換行

"<br>"


彈出框

彈出一行字 ?alert(str)

yes or no 消息對話框 ? confirm(str)?

str:在消息對話框中要顯示的文本

返回值:Boolean值

有文本框 ?prompt(str1, str2);

str1:要顯示在消息對話框中的文本,不可修改

str2:文本框中的內容,可以修改


打開新窗口

window.open([URL], [窗口名稱], [參數字符串])

"_top"、"_blank"、"_self"

例:打開http://www.imooc.com網站,大小為300px * 200px,無菜單,無工具欄,無狀態欄,窗口距屏幕頂100像素有滾動條窗口:

window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')

window.open('http://www.imooc.com','_blank','width=300,height=200,top=100,menubar=no,toolbar=no, status=no,scrollbars=yes')


通過Id設置控件

document.getElementById(“id”)

設置html標簽,屬性用于獲取或替換 HTML 元素的內容。

Object.innerHTML

注意:

1.Object是獲取的元素對象,如通過document.getElementById("ID")獲取的元素。

2.注意書寫,innerHTML區分大小寫。

設置樣式

Object.style.color="";...

Object.style.display= none(隱藏)|block(顯示)

對class

className 屬性設置或返回元素的class 屬性。

object.className = classname

修改或添加對象的class名字,可以起到快捷更換樣式的作用。

??恢復最初樣式:

.removeAttribute('style');

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 一、JS前言 (1)認識JS 也許你已經了解HTML標記(也稱為結構),知道了CSS樣式(也稱為表示),會使用HT...
    凜0_0閱讀 2,807評論 0 8
  • 為方便閱讀,該內容需具備一定的HTML+CSS基礎。 為什么學習JavaScript 一、為什么JavaScrip...
    百草紀閱讀 318評論 0 1
  • javascript作為一種腳本語言可以放在html頁面中任何位置,但是瀏覽器解釋html時是按先后順序的,所以前...
    MinoyJet閱讀 533評論 0 0
  • 如何插入JS 我們來看看如何寫入JS代碼?你只需一步操作,使用 標簽在HTML網頁中插入JavaScript代碼。...
    0o凍僵的企鵝o0閱讀 541評論 0 4
  • 相信用過安卓手機的朋友對于多任務、Home、Back這三個按鍵一定非常熟悉了,一直使用安卓手機的小伙伴對這幾個按鍵...
    科技達人15閱讀 1,601評論 0 0