javascript 備忘錄

時間 2019-11-18

原文原文鏈接

JS語法

javascript 對象：javascript

var cars=new Array("Audi","BMW","Volvo");

聲明變量類型html

當您聲明新變量時，可使用關鍵詞 "new" 來聲明其類型：java

var carname=new String;node

var x= new Number;數組

var y= new Boolean;app

var cars= new Array;ide

var person= new Object函數

建立 JavaScript 對象

JavaScript 中的幾乎全部事務都是對象：字符串、數字、數組、日期、函數，等等。學習

你也能夠建立本身的對象。this

本例建立名爲 "person" 的對象，併爲其添加了四個屬性：

實例

person=new Object();

person.firstname="Bill";

person.lastname="Gates";

person.age=56;

person.eyecolor="blue";

向未聲明的 JavaScript 變量來分配值

若是您把值賦給還沒有聲明的變量，該變量將被自動做爲全局變量聲明，沒有var聲明

這條語句：

carname="Volvo";

將聲明一個全局變量 carname，即便它在函數內執行。

DOM

一般，經過 JavaScript，您須要操做 HTML 元素。

爲了作到這件事情，您必須首先找到該元素。有三種方法來作這件事：

經過 id 找到 HTML 元素
經過標籤名找到 HTML 元素
document.getElementById（）
x.getElementsByTagName（）

使用 HTML DOM 來分配事件

HTML DOM 容許您經過使用 JavaScript 來向 HTML 元素分配事件：

實例

向 button 元素分配 onclick 事件：

<script>

document.getElementById("myBtn").onclick=function(){displayDate()};

</script>

建立新的 HTML 元素

如需向 HTML DOM 添加新元素，您必須首先建立該元素（元素節點），而後向一個已存在的元素追加該元素。

實例

<div id="div1">

<p id="p1">這是一個段落</p>

<p id="p2">這是另外一個段落</p>

</div>

<script>

var para=document.createElement("p");

var node=document.createTextNode("這是新段落。");

para.appendChild(node);

var element=document.getElementById("div1");

element.appendChild(para);

</script>

實例 - 無窮循環

要建立一個運行於無窮循環中的計時器，咱們須要編寫一個函數來調用其自身。在下面的例子中，當按鈕被點擊後，輸入域便從 0 開始計數。

<html>

<head>

<script type="text/javascript">

var c=0

var t

function timedCount()

 document.getElementById('txt').value=c

 c=c+1

 t=setTimeout("timedCount()",1000)

</script>

</head>

<body>

<form>

<input type="button" value="Start count!" onClick="timedCount()">

<input type="text" id="txt">

</form>

</body>

</html>

jQuery 語法

jQuery 語法是爲 HTML 元素的選取編制的，能夠對元素執行某些操做。

基礎語法是：$(selector).action()

美圓符號定義 jQuery
選擇符（selector）「查詢」和「查找」 HTML 元素
jQuery 的 action() 執行對元素的操做

示例

$(this).hide() - 隱藏當前元素

$("p").hide() - 隱藏全部段落

$(".test").hide() - 隱藏全部 class="test" 的全部元素

$("#test").hide() - 隱藏全部 id="test" 的元素

提示：jQuery 使用的語法是 XPath 與 CSS 選擇器語法的組合。在本教程接下來的章節，您將學習到更多有關選擇器的語法。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。