8/23

JavaScript運(yùn)算符:

  • 運(yùn)算符 = 用于賦值
  • 運(yùn)算符 + 用于加值
<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>

<p>點(diǎn)擊按鈕計(jì)算 x 的值.</p>
<button onclick="myFunction()">點(diǎn)擊這里</button>
<p id="demo">123</p>
<script>
function myFunction()
{
    y=5;
    z=2;
    x=y+z;
    document.getElementById("demo").innerHTML=x;
}
</script>

</body>
</html>

算數(shù)運(yùn)算符

+ - * / % ++ --

賦值運(yùn)算符

= += -= *= /= %=

用于字符串的 + 運(yùn)算符

+運(yùn)算符用于把文本值或字符串變量加起來(連接起來)嚷节。
如需把兩個(gè)或多個(gè)字符串變量連接起來,請(qǐng)使用+運(yùn)算符狈谊。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鳥教程(runoob.com)</title> 
</head>
<body>

<p>點(diǎn)擊按鈕創(chuàng)建及增加字符串變量钻蹬。</p>
<button onclick="myFunction()">點(diǎn)擊這里</button>
<p id="demo"></p>
<script>
function myFunction()
{
    txt1="What a very";
    txt2="nice day";
    txt3=txt1+txt2;
    document.getElementById("demo").innerHTML=txt3;
}
</script>

</body>
</html>

對(duì)字符串和數(shù)字進(jìn)行加法運(yùn)算

兩個(gè)數(shù)字相加崖蜜,返回?cái)?shù)字相加的和,如果數(shù)字與字符串相加,返回字符串

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鳥教程(runoob.com)</title> 
</head>
<body>

<p>點(diǎn)擊按鈕創(chuàng)建及增加字符串變量虏杰。</p>
<button onclick="myFunction()">點(diǎn)擊這里</button>
<p id="demo"></p>
<script>
function myFunction()
{
    var x=5+5;
    var y="5"+5;
    var z="Hello"+5;
    var demoP=document.getElementById("demo");
    demoP.innerHTML=x + "<br>" + y + "<br>" + z;
}
</script>

</body>
</html>

比較運(yùn)算符

== === != !== > < >= <=
===為絕對(duì)等于,值和類型均相等才返回true;
== 值相等即返回true, 比如5 == "5"返回true.
!==不絕對(duì)等于(值和類型有一個(gè)不相等蛮艰,或兩個(gè)都不相等)

邏輯運(yùn)算符

&& || ! 分別為 and or not

條件語(yǔ)句

if...else語(yǔ)句

  • if
  • if...else
  • if...else if ...else
  • switch
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>

<p>點(diǎn)擊下面的按鈕腋腮,會(huì)顯示出基于今日日期的消息:</p>
<button onclick="myFunction()">點(diǎn)擊這里</button>
<p id="demo"></p>
<script>
function myFunction()
{
    var x;
    var d=new Date().getDay();
    switch (d)
    {
        case 6:x="今天是星期六";
        break;
        case 0:x="今天是星期日";
        break;
        default:
        x="期待周末";
    }
    document.getElementById("demo").innerHTML=x;
}
</script>

</body>
</html>

循環(huán)

  • for
  • for/in
  • while
  • do while

for/in 語(yǔ)句循環(huán)遍歷對(duì)象的屬性

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>
    
<p>點(diǎn)擊下面的按鈕,循環(huán)遍歷對(duì)象 "person" 的屬性壤蚜。</p>
<button onclick="myFunction()">點(diǎn)擊這里</button>
<p id="demo"></p>
<script>
function myFunction(){
    var x;
    var txt="";
    var person={fname:"Bill",lname:"Gates",age:56}; 
    for (x in person){
        txt=txt + person[x];
    }
    document.getElementById("demo").innerHTML=txt;
}
</script>
    
</body>
</html>

break continue語(yǔ)句

continue 語(yǔ)句只能用在循環(huán)中;
break 語(yǔ)句(不帶標(biāo)簽引用)即寡,只能用在循環(huán)或 switch 中;

JavaScript標(biāo)簽

如需標(biāo)記 JavaScript 語(yǔ)句,請(qǐng)?jiān)谡Z(yǔ)句之前加上冒號(hào)
通過標(biāo)簽引用袜刷,break 語(yǔ)句可用于跳出任何 JavaScript 代碼塊

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>

<script>
cars=["BMW","Volvo","Saab","Ford"];
list:{
    document.write(cars[0] + "<br>"); 
    document.write(cars[1] + "<br>"); 
    document.write(cars[2] + "<br>"); 
    break list;
    document.write(cars[3] + "<br>"); 
    document.write(cars[4] + "<br>"); 
    document.write(cars[5] + "<br>"); 
}
</script>

</body>
</html>

Typeof 操作符來檢測(cè)變量的數(shù)據(jù)類型

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>

<p> typeof 操作符返回變量或表達(dá)式的類型聪富。</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 
    typeof "john" + "<br>" + 
    typeof 3.14 + "<br>" +
    typeof false + "<br>" +
    typeof [1,2,3,4] + "<br>" +
    typeof {name:'john', age:34};
</script>

</body>
</html>
  • 在JavaScript中,數(shù)組是一種特殊的對(duì)象類型, 因此 typeof [1,2,3,4] 返回 object;
  • null是一個(gè)只有一個(gè)值的特殊類型著蟹。表示一個(gè)空對(duì)象引用.
    用 typeof 檢測(cè) null 返回是object墩蔓。
    var person = null; // 值為 null(空), 但類型為對(duì)象
  • 設(shè)置為 undefined 來清空對(duì)象.
    在 JavaScript 中, undefined 是一個(gè)沒有設(shè)置值的變量。
    typeof 一個(gè)沒有值的變量會(huì)返回 undefined萧豆。
var person = undefined;     // 值為 undefined, 類型為 undefined
person = undefined;          // 值為 undefined, 類型是undefined
  • undefined和null區(qū)別:
    null 和 underfined 的值相等奸披,但類型不等
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>

<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
    typeof undefined + "<br>" +
    typeof null + "<br>" +
    (null === undefined) + "<br>" +
    (null == undefined);
</script>

</body>
</html>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市涮雷,隨后出現(xiàn)的幾起案子阵面,更是在濱河造成了極大的恐慌,老刑警劉巖洪鸭,帶你破解...
    沈念sama閱讀 223,126評(píng)論 6 520
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件样刷,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡览爵,警方通過查閱死者的電腦和手機(jī)置鼻,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,421評(píng)論 3 400
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來拾枣,“玉大人沃疮,你說我怎么就攤上這事盒让。” “怎么了司蔬?”我有些...
    開封第一講書人閱讀 169,941評(píng)論 0 366
  • 文/不壞的土叔 我叫張陵邑茄,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我俊啼,道長(zhǎng)肺缕,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,294評(píng)論 1 300
  • 正文 為了忘掉前任授帕,我火速辦了婚禮同木,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘跛十。我一直安慰自己彤路,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,295評(píng)論 6 398
  • 文/花漫 我一把揭開白布芥映。 她就那樣靜靜地躺著洲尊,像睡著了一般。 火紅的嫁衣襯著肌膚如雪奈偏。 梳的紋絲不亂的頭發(fā)上坞嘀,一...
    開封第一講書人閱讀 52,874評(píng)論 1 314
  • 那天,我揣著相機(jī)與錄音惊来,去河邊找鬼丽涩。 笑死,一個(gè)胖子當(dāng)著我的面吹牛裁蚁,可吹牛的內(nèi)容都是我干的矢渊。 我是一名探鬼主播,決...
    沈念sama閱讀 41,285評(píng)論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼枉证,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼昆淡!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起刽严,我...
    開封第一講書人閱讀 40,249評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎避凝,沒想到半個(gè)月后舞萄,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,760評(píng)論 1 321
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡管削,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,840評(píng)論 3 343
  • 正文 我和宋清朗相戀三年倒脓,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片含思。...
    茶點(diǎn)故事閱讀 40,973評(píng)論 1 354
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡崎弃,死狀恐怖甘晤,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情饲做,我是刑警寧澤线婚,帶...
    沈念sama閱讀 36,631評(píng)論 5 351
  • 正文 年R本政府宣布,位于F島的核電站盆均,受9級(jí)特大地震影響塞弊,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜泪姨,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,315評(píng)論 3 336
  • 文/蒙蒙 一游沿、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧肮砾,春花似錦诀黍、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,797評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至疆柔,卻和暖如春咒精,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背旷档。 一陣腳步聲響...
    開封第一講書人閱讀 33,926評(píng)論 1 275
  • 我被黑心中介騙來泰國(guó)打工模叙, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人鞋屈。 一個(gè)月前我還...
    沈念sama閱讀 49,431評(píng)論 3 379
  • 正文 我出身青樓范咨,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親厂庇。 傳聞我的和親對(duì)象是個(gè)殘疾皇子渠啊,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,982評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • 標(biāo)簽: 我的筆記 ---學(xué)習(xí)資料:http://javascript.ruanyifeng.com/ 1. 導(dǎo)論 ...
    暗夜的怒吼閱讀 817評(píng)論 0 1
  • 語(yǔ)句 JavaScript程序的執(zhí)行單位為行(line),也就是一行一行地執(zhí)行权旷。一般情況下替蛉,每一行就是一個(gè)語(yǔ)句。 ...
    米塔塔閱讀 461評(píng)論 1 10
  • 第1章 JavaScript 簡(jiǎn)介 JavaScript 具備與瀏覽器窗口及其內(nèi)容等幾乎所有方面交互的能力拄氯。 歐洲...
    力氣強(qiáng)閱讀 1,143評(píng)論 0 0
  • 第5章 引用類型(返回首頁(yè)) 本章內(nèi)容 使用對(duì)象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,241評(píng)論 0 4
  • Rootless Mac OS X 10.11+ (El Capitan) 以后躲查,引入了 Rootless 安全機(jī)...
    mtide閱讀 3,043評(píng)論 0 1