avaScript 運算符

• JS 變量
• JS 算數(shù)

JavaScript 運算符

實例

向變量賦值，并把它們相加：

var x = 7;		// 向 x 賦值 5
var y = 8;		// 向 y 賦值 2
var z = x + y;		// 向 z (x + y) 賦值 7

賦值運算符（=）把值賦給變量。

賦值

var x = 15;

加法運算符（+）對數(shù)字相加：

加法

var x = 7;
var y = 8;
var z = x + y;

乘法運算符（*）對數(shù)字相乘：

乘法

var x = 7;
var y = 8;
var z = x * y; 

JavaScript 算數(shù)運算符

算數(shù)運算符用于對數(shù)字執(zhí)行算數(shù)運算：

運算符 描述 + 加法 - 減法 * 乘法 / 除法 % 系數(shù) ++ 遞加 -- 遞減

注釋：JS 算數(shù)這一章對算數(shù)運算符進行了完整描述。

JavaScript 賦值運算符

賦值運算符向 JavaScript 變量賦值。

運算符 例子 等同于 = x = y x = y += x += y x = x + y -= x -= y x = x - y *= x *= y x = x * y /= x /= y x = x / y %= x %= y x = x % y

加法賦值運算符（+=）向變量添加一個值。

賦值

var x = 7;
x += 8; 

注釋：JS 賦值這一章中完整描述了賦值運算符。

JavaScript 字符串運算符

+ 運算符也可用于對字符串進行相加（concatenate，級聯(lián)）。

實例

txt1 = "Bill";
txt2 = "Gates";
txt3 = txt1 + " " + txt2; 

txt3 的結(jié)果將是：

Bill Gates

+= 賦值運算符也可用于相加（級聯(lián)）字符串：

實例

txt1 = "Hello ";
txt1 += "Kitty!"; 

txt1 的結(jié)果將是：

Hello Kitty!

提示：在用于字符串時，+ 運算符被稱為級聯(lián)運算符。

字符串和數(shù)字的相加

相加兩個數(shù)字，將返回和，但對一個數(shù)字和一個字符串相加將返回一個字符串：

實例

x = 7 + 8;
y = "7" + 8;
z = "Hello" + 7;

x、y 和 z 的結(jié)果將是：

15
78
Hello7

提示：如果您對數(shù)字和字符串相加，結(jié)果將是字符串！

JavaScript 比較運算符

運算符 描述 == 等于 === 等值等型 != 不相等 !== 不等值或不等型 > 大于 < 小于 >= 大于或等于 <= 小于或等于 ? 三元運算符

注釋：JS 比較這一章中完整描述了比較運算符。

JavaScript 邏輯運算符

運算符 描述 && 邏輯與 || 邏輯或 ! 邏輯非

注釋：JS 比較這一章中完整描述了邏輯運算符。

JavaScript 類型運算符

運算符 描述 typeof 返回變量的類型。 instanceof 返回 true，如果對象是對象類型的實例。

注釋：JS 類型轉(zhuǎn)換這一章完整描述了類型運算符。

JavaScript 位運算符

位運算符處理 32 位數(shù)。

該運算中的任何數(shù)值運算數(shù)都會被轉(zhuǎn)換為 32 位的數(shù)。結(jié)果會被轉(zhuǎn)換回 JavaScript 數(shù)。

運算符 描述 例子 等同于 結(jié)果 十進制 & 與 5 & 1 0101 & 0001 0001 1 | 或 5 | 1 0101 | 0001 0101 5 ~ 非 ~ 5 ~0101 1010 10 ^ 異或 5 ^ 1 0101 ^ 0001 0100 4 << 零填充左位移 5 << 1 0101 << 1 1010 10 >> 有符號右位移 5 >> 1 0101 >> 1 0010 2 >>> 零填充右位移 5 >>> 1 0101 >>> 1 0010 2

上例使用 4 位無符號的例子。但是 JavaScript 使用 32 位有符號數(shù)。

因此，在 JavaScript 中，~ 5 不會返回 10，而是返回 -6。

~00000000000000000000000000000101 將返回 11111111111111111111111111111010。

注釋：我們將在 JS 位運算這一章為您詳解位運算符。

、鏈接標(biāo)簽

鏈接標(biāo)簽是HTML頁面中最為常見，而且用途最廣的一個標(biāo)簽，只要我們?yōu)g覽網(wǎng)頁，就會有超鏈接。比如，通過點擊新聞標(biāo)題鏈接到新聞詳情頁面，通過點擊商品名稱鏈接到商品列表或者詳情頁等等。

• 縮寫

anchor ， 錨

• 說明

在HTML中創(chuàng)建超鏈接，只需用a標(biāo)簽包括被鏈接的對象

• 語法

<a href="跳轉(zhuǎn)目標(biāo)" target="目標(biāo)窗口的彈出方式">文本或圖像</a>

href：用于指定鏈接目標(biāo)的url地址，必須屬性

target：用于指定鏈接頁面的打開方式，其取值有 self和 _blank兩種，其中 _self為默認值，_blank為在新窗口中打開方式

• 注意

（1）當(dāng)需要鏈接到 外部鏈接時，需要添加 http://

（2）當(dāng)需要內(nèi)部鏈接時，直接鏈接內(nèi)部頁面名稱即可 如 < a href=“index.html”> 首頁

（3）如果暫時沒確定鏈接目標(biāo)時，一般將href屬性值定義為“#”，表示暫時為一個空鏈接

（4）不僅可以創(chuàng)建文本超鏈接，在網(wǎng)頁中各種網(wǎng)頁元素，如圖像、表格、音頻、視頻等都可以添加超鏈 接， 只要用a標(biāo)簽包括即可

錨點定位

在當(dāng)前html頁面上，通過創(chuàng)建錨點鏈接，用戶能夠快速定位到指定內(nèi)容。

適用于內(nèi)容較多的頁面，通過點擊關(guān)鍵詞，可以快速到達指定區(qū)域。

• 步驟

（1）使用唯一的id標(biāo)注目標(biāo)位置

（2）使用<a href="#id名“>鏈接文本創(chuàng)建鏈接

二、特殊字符標(biāo)簽（了解）

在html頁面中，有些符號直接添加是無法正常顯示的，這個時候就用一些特殊的標(biāo)簽來表示這類符號，而這類特殊的標(biāo)簽，我們就叫做特殊字符標(biāo)簽。

• 常用的特殊字符標(biāo)簽

、什么是HTML

HTML簡介

HTML是用來描述網(wǎng)頁的一種語言，它是一種超文本標(biāo)記語言，由一套標(biāo)記標(biāo)簽組成，在制作網(wǎng)頁時，HTML使用標(biāo)記標(biāo)簽來描述網(wǎng)頁。

發(fā)展史

HTML：Hyper Text Markup Language超文本標(biāo)記語言

超文本標(biāo)記語言—在1993年6月互聯(lián)網(wǎng)工程工作小組工作案發(fā)布（并非標(biāo)準(zhǔn)）

HTML2.0—1995年11月作為RFC1866發(fā)布，在RFC2854于2000年6月發(fā)布之后被宣布過時。

HTML3.2—1996年1月14日，W3C推薦標(biāo)準(zhǔn)

HTML4.0—1997年12月18日，W3C推薦標(biāo)準(zhǔn)

HTML4.01（微小改進）—1999年12月24日，W3C推薦標(biāo)準(zhǔn)，2000年5月15日發(fā)布基本嚴(yán)格的HTML4.01語法，是國標(biāo)標(biāo)準(zhǔn)化組織和國際電工委員會的標(biāo)準(zhǔn)

XHTML1.0—發(fā)布于2000年1月26日，是W3C推薦標(biāo)準(zhǔn)，后來經(jīng)過修訂于2002年8月1日重新發(fā)布

XHTML1.1—2001年5月31日發(fā)布

XHTML2.0是W3C的工作草案，由于改動過大，學(xué)習(xí)這個新技術(shù)的成本過高而最終胎死腹中，因此，現(xiàn)在最常用的還是XHTML1.0標(biāo)準(zhǔn)。

目前最新的版本為HTML5，它是2004年被提出，2007年被W3C接納并成立新的HTML工作團隊，

2008年1月22日公布HTML5第一份正式草案，

2012年12月17日HTML5規(guī)范正式定稿，

2013年5月6日，HTML5.1正式草案公布。

HTML 5作為最新版本，提供了一些新的元素和一些有趣的新特性，同時也建立了一些新的規(guī)則。這些元素、特性和規(guī)則的建立，提供了許多新的網(wǎng)頁功能，如使用網(wǎng)頁實現(xiàn)動態(tài)渲染圖形、圖表、圖像和動畫，以及不需要安裝任何插件直接使用網(wǎng)頁播放視頻等。目前企業(yè)開發(fā)中也在增大使用HTML5的力度

HTML的優(yōu)勢

• 各大瀏覽器廠商對H5的支持
• 市場的需求
• 跨平臺

二、HTML的基本結(jié)構(gòu)

• <html>......</html> HTML文檔的開始和結(jié)束標(biāo)記。
• <head>……</head> 頭控制標(biāo)記，不在界面上進行展示，子標(biāo)簽可設(shè)置SEO優(yōu)化的一些內(nèi)容以及設(shè)置網(wǎng)頁的編碼。
• <title>……</title>：設(shè)置瀏覽器的窗口上標(biāo)題。
• <body>……</body>：頁面可見內(nèi)容。

三、HTML的基本標(biāo)簽

• 標(biāo)題標(biāo)簽

h1~h6

• 段落標(biāo)簽和換行標(biāo)簽

p標(biāo)簽為段落標(biāo)簽，br標(biāo)簽為換行標(biāo)簽

• 水平線標(biāo)簽

hr標(biāo)簽為水平線標(biāo)簽

• 字體樣式標(biāo)簽

em為斜體標(biāo)簽，strong為字體加粗標(biāo)簽

• 注釋和特殊符號

注釋使用：<!--被注釋的內(nèi)容-->

大于號：> great than的縮寫

小于號：< less than的縮寫

雙引號：""

版權(quán)符號：©

空格：

以上就是HTML的簡單入門，后續(xù)帶大家更深入的了解HTML