JavaScript入門

JavaScript 聲明變量是 直接用var 后邊可以寫int類型 string類型等

HTML用來編排內(nèi)容? CSS用來制定樣式 JavaScript用來控制行為

那么怎么控制網(wǎng)頁呢?

通過DOM(Document Object Model)-文檔對象模型 可以能使HTML和JavaScript緊密的結合在一起(這里是把每一個標簽看成一個對象 從而組成了這個模型)

例:

html代碼:

<div>

<p id="p1">段落一</p>? //id 代表了每個標簽的內(nèi)容

<p id="p2">段落二</p>

</div>

JavaScript代碼:

var p1=document.getElementById('p1');? //這里的p1獲取了html里id為p1標簽的內(nèi)容

var p2=document.getElementById('p2');? //這里的p2獲取了html里id為p2標簽的內(nèi)容

p2.innerHTML="我是小仙女";? //這里p2變化時html中標簽為p2的內(nèi)容也變?yōu)椤拔沂切∠膳?/p>

在JavaScript中函數(shù)有這一說 我把它理解為C#的方法? 但是它跟Lua的方法書寫方式就是一樣的 都是function 例:

function fun(a,b,c,d)

{

var sun=a*b*c*d

alert(sun);

}

fun(1,2,3,4);? //感覺 JavaScrip 跟lua一樣的是不用聲明int等類型

JavaScript的監(jiān)聽事件:

<button id="click">點擊我</button>? //html代碼

var? b1=document.getElementById('click'); //JavaScript代碼

function fun()

{

alert("我被點擊了");

}

b1.onclick=fun;

//相當于unity中Button的點擊事件? onclick 鼠標點擊時事件響應、 onmouseover 鼠標移動到元素事件響應、onmouseup 鼠標松開時事件響應,onmouseover 當鼠標移到button上時事件響應

JavaScript實現(xiàn)用戶輸入框?

例:

<input id="input">? //html代碼? ? input輸入

<button id="button">確定</button>? button按鈕

var input=document.getElementById("input");? //JavaScript代碼

var button=document,getElementById("button");

button.onclick=fun;

function fun()

{

alert(input.value);

}

JavaScript的代碼寫在html<body> 后的<script></script>中

今天寫到這里了 明天周一 上班加油

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 本文是本人源自慕課網(wǎng)《Javascript入門篇》筆記。 confirm 消息對話框var r=confirm("...
    everfight閱讀 383評論 0 4
  • 為方便閱讀,該內(nèi)容需具備一定的HTML+CSS基礎。 為什么學習JavaScript 一、為什么JavaScrip...
    百草紀閱讀 379評論 0 1
  • 工廠模式類似于現(xiàn)實生活中的工廠可以產(chǎn)生大量相似的商品,去做同樣的事情,實現(xiàn)同樣的效果;這時候需要使用工廠模式。簡單...
    舟漁行舟閱讀 8,116評論 2 17
  • 引用JS外部文件 JS在頁面中的位置 javascript作為一種腳本語言可以放在html頁面中任何位置,但是瀏覽...
    SunnySky_閱讀 386評論 0 2
  • 1-1 引用JS外部文件 注意:在JS文件中,不需要 標簽,直接編寫JavaScript代碼就可以了標簽,直接編寫...
    croyance0601閱讀 389評論 0 0

友情鏈接更多精彩內(nèi)容