JavaScript 運(yùn)算符

運(yùn)算符 = 用于賦值。

運(yùn)算符 + 用于加值。

運(yùn)算符 = 用于給 JavaScript 變量賦值。

算術(shù)運(yùn)算符 + 用于把值加起來(lái)。

實(shí)例

指定變量值，并將值相加：

y=5;

z=2;

x=y+z;

在以上語(yǔ)句執(zhí)行后，x 的值是：

JavaScript 算術(shù)運(yùn)算符

<p算術(shù)運(yùn)算符用于執(zhí)行變量與或值之間的算術(shù)運(yùn)算。="" <="" p="" style="color: rgb(51, 51, 51); font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, STHeiti, 'Microsoft Yahei', sans-serif; font-size: 12px; line-height: normal; white-space: normal;"><p給定y=5，下面的表格解釋了這些算術(shù)運(yùn)算符：

運(yùn)算符	描述	例子	x 運(yùn)算結(jié)果	y 運(yùn)算結(jié)果	在線實(shí)例
+	加法	x=y+2	7	5	實(shí)例 ?
-	減法	x=y-2	3	5	實(shí)例 ?
*	乘法	x=y*2	10	5	實(shí)例 ?
/	除法	x=y/2	2.5	5	實(shí)例 ?
%	取模（余數(shù)）	x=y%2	1	5	實(shí)例 ?
++	自增	x=++y	6	6	實(shí)例 ?
x=y++	5	6	實(shí)例 ?
--	自減	x=--y	4	4	實(shí)例 ?
x=y--	5	4	實(shí)例 ?

JavaScript 賦值運(yùn)算符

賦值運(yùn)算符用于給 JavaScript 變量賦值。

給定 x=10 和 y=5，下面的表格解釋了賦值運(yùn)算符：

運(yùn)算符	例子	等同于	運(yùn)算結(jié)果	在線實(shí)例
=	x=y		x=5	實(shí)例 ?
+=	x+=y	x=x+y	x=15	實(shí)例 ?
-=	x-=y	x=x-y	x=5	實(shí)例 ?
*=	x*=y	x=x*y	x=50	實(shí)例 ?
/=	x/=y	x=x/y	x=2	實(shí)例 ?
%=	x%=y	x=x%y	x=0	實(shí)例 ?

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

+ 運(yùn)算符用于把文本值或字符串變量加起來(lái)（連接起來(lái)）。

如需把兩個(gè)或多個(gè)字符串變量連接起來(lái)，請(qǐng)使用 + 運(yùn)算符。

實(shí)例

如需把兩個(gè)或多個(gè)字符串變量連接起來(lái)，請(qǐng)使用 + 運(yùn)算符：

txt1="What a very";

txt2="nice day";

txt3=txt1+txt2;

txt3 運(yùn)算結(jié)果如下:

What a verynice day

要想在兩個(gè)字符串之間增加空格，需要把空格插入一個(gè)字符串之中：

實(shí)例

txt1="What a very ";

txt2="nice day";

txt3=txt1+txt2;

在以上語(yǔ)句執(zhí)行后，變量 txt3包含的值是：

What a very nice day

或者把空格插入表達(dá)式中：:

實(shí)例

txt1="What a very";

txt2="nice day";

txt3=txt1+" "+txt2;

在以上語(yǔ)句執(zhí)行后，變量txt3 包含的值是：

What a very nice day

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

兩個(gè)數(shù)字相加，返回?cái)?shù)字相加的和，如果數(shù)字與字符串相加，返回字符串，如下實(shí)例：

實(shí)例

x=5+5;

y="5"+5;

z="Hello"+5;

x,y, 和 z 輸出結(jié)果為:

Hello5

規(guī)則:如果把數(shù)字與字符串相加，結(jié)果將成為字符串！

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

4 種方式可以在 HTML 中引入 CSS。其中有 2 種方式是在 HTML 文件中直接添加 CSS 代碼，另外兩種是引入外部 CSS 文件。下面我們就來(lái)看看這些方式和它們的優(yōu)缺點(diǎn)。

內(nèi)聯(lián)方式

內(nèi)聯(lián)方式指的是直接在 HTML 標(biāo)簽中的 style 屬性中添加 CSS。

示例：

<div style="background: red"></div>

這通常是個(gè)很糟糕的書寫方式，它只能改變當(dāng)前標(biāo)簽的樣式，如果想要多個(gè) <div> 擁有相同的樣式，你不得不重復(fù)地為每個(gè) <div> 添加相同的樣式，如果想要修改一種樣式，又不得不修改所有的 style 中的代碼。很顯然，內(nèi)聯(lián)方式引入 CSS 代碼會(huì)導(dǎo)致 HTML 代碼變得冗長(zhǎng)，且使得網(wǎng)頁(yè)難以維護(hù)。

嵌入方式

嵌入方式指的是在 HTML 頭部中的 <style> 標(biāo)簽下書寫 CSS 代碼。

示例：

<head>
 <style>
 .content {
 background: red;
 }
 </style>
</head>

嵌入方式的 CSS 只對(duì)當(dāng)前的網(wǎng)頁(yè)有效。因?yàn)?CSS 代碼是在 HTML 文件中，所以會(huì)使得代碼比較集中，當(dāng)我們寫模板網(wǎng)頁(yè)時(shí)這通常比較有利。因?yàn)椴榭茨０宕a的人可以一目了然地查看 HTML 結(jié)構(gòu)和 CSS 樣式。因?yàn)榍度氲?CSS 只對(duì)當(dāng)前頁(yè)面有效，所以當(dāng)多個(gè)頁(yè)面需要引入相同的 CSS 代碼時(shí)，這樣寫會(huì)導(dǎo)致代碼冗余，也不利于維護(hù)。

鏈接方式

鏈接方式指的是使用 HTML 頭部的 <head> 標(biāo)簽引入外部的 CSS 文件。

示例：

<head>
 <link rel="stylesheet" type="text/css" href="style.css">
</head>

這是最常見(jiàn)的也是最推薦的引入 CSS 的方式。使用這種方式，所有的 CSS 代碼只存在于單獨(dú)的 CSS 文件中，所以具有良好的可維護(hù)性。并且所有的 CSS 代碼只存在于 CSS 文件中，CSS 文件會(huì)在第一次加載時(shí)引入，以后切換頁(yè)面時(shí)只需加載 HTML 文件即可。

導(dǎo)入方式

導(dǎo)入方式指的是使用 CSS 規(guī)則引入外部 CSS 文件。

示例：

<style>
 @import url(style.css);
</style>

比較鏈接方式和導(dǎo)入方式

鏈接方式（下面用 link 代替）和導(dǎo)入方式（下面用 @import 代替）都是引入外部的 CSS 文件的方式，下面我們來(lái)比較這兩種方式，并且說(shuō)明為什么不推薦使用 @import。

link 屬于 HTML，通過(guò) <link> 標(biāo)簽中的 href 屬性來(lái)引入外部文件，而 @import 屬于 CSS，所以導(dǎo)入語(yǔ)句應(yīng)寫在 CSS 中，要注意的是導(dǎo)入語(yǔ)句應(yīng)寫在樣式表的開頭，否則無(wú)法正確導(dǎo)入外部文件；
@import 是 CSS2.1 才出現(xiàn)的概念，所以如果瀏覽器版本較低，無(wú)法正確導(dǎo)入外部樣式文件；
當(dāng) HTML 文件被加載時(shí)，link 引用的文件會(huì)同時(shí)被加載，而 @import 引用的文件則會(huì)等頁(yè)面全部下載完畢再被加載；

小結(jié)：我們應(yīng)盡量使用 <link> 標(biāo)簽導(dǎo)入外部 CSS 文件，避免或者少用使用其他三種方式。

、背景：

為了實(shí)現(xiàn)抓取某目標(biāo)網(wǎng)站的歌曲以及作者，通過(guò)python + Xpath方式實(shí)現(xiàn)，并將抓取的結(jié)果保存到csv格式的excel表格里。

2、實(shí)現(xiàn)步驟：

（1）獲取該網(wǎng)站的網(wǎng)頁(yè)源碼

（2）使用Xpath方式進(jìn)行解析，找到要抓取的歌曲和作者所在的段落

（3）將解析后的結(jié)果寫入到CSV格式的excel中

3、關(guān)鍵技術(shù)：

python、requests、Xpath、csv文件寫入

4、代碼實(shí)現(xiàn)：

# ############## 通過(guò)python+Xpath實(shí)現(xiàn)抓取某網(wǎng)站推薦的歌曲
import requests
import lxml.html
import csv

url = "http://www.show160.com/"

html = requests.get(url=url)
htmlContent = html.content.decode("GBK")
selector = lxml.html.fromstring(htmlContent)
#先抓大，找到歌曲信息所在的片段
item_list = selector.xpath('//*[@id="music_con1_1"]/div[@class="cont"]/div[@class="music_list"]/ul/li')
songAndAuthorList = []
#基于抓取的結(jié)果再抓取每個(gè)li下面的信息，包括歌曲名和作者
for item in item_list:
    name = item.xpath('div[@class="lebox"]/a/text()')
    author = item.xpath('div[@class="ribox"]/a/text()')
    itemDict = {"name":name[0],
                "author":author[0]}
    songAndAuthorList.append(itemDict)

#將結(jié)果存入到excel表格里
with open('songAndAuthor.csv', 'w', encoding='utf-8-sig', newline='') as f:
    writer = csv.DictWriter(f, fieldnames=['name','author'])
    writer.writeheader()
    writer.writerows(songAndAuthorList)

5、代碼解析：

下面是源碼的截圖，

為了看的更清楚一點(diǎn)，將要抓取的結(jié)構(gòu)羅列如下：

6、代碼運(yùn)行結(jié)果：

在線咨詢

上一篇：帶你手寫一個(gè)輪播圖之HTML結(jié)構(gòu)和CSS布局設(shè)計(jì)
下一篇：JavaScript 關(guān)閉瀏覽器 (不彈出提示框)

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營(yíng)銷服務(wù)商

JavaScript 運(yùn)算符

您的項(xiàng)目需求