久久一日本道色综合久久,一区二区免费在线视频,国产精品一国产精品k频道56http://m.371sports.com/外貿(mào)fake shop/DMCA外貿(mào)仿牌投訴了Phishing/Fraud/Counterfeit Sales/Fake Webshop/cloudflarehttp://m.371sports.com/post/159.html<p><span style="text-wrap: nowrap;">大家都知道,國外貿(mào)易對各種各樣的限制與國內(nèi)都不同,水土不服,獨(dú)立站做外貿(mào)經(jīng)常碰到這些郵件投訴:</span></p><p><span style="text-wrap: nowrap; font-size: 18px;">fake shop/DMCA/Phishing/Fraud/Counterfeit Sales/Fake Webshop/cloudflare</span></p><p><span style="text-wrap: nowrap;">然后服務(wù)器就關(guān)閉了。</span></p><p><span style="text-wrap: nowrap;">聯(lián)系我們,用我們的服務(wù)器,我們幫你統(tǒng)統(tǒng)忽略了。</span></p><p><span style="text-wrap: nowrap;">安心做外貿(mào)。再也不用擔(dān)心賣的好的產(chǎn)品必須下架了。<span style="text-wrap: nowrap; font-size: 18px; color: #FF0000;">【六六互聯(lián)】-外貿(mào)仿牌投訴忽略掉</span></span></p><p><span style="text-wrap: nowrap;"></span></p><p><img src="http://m.371sports.com/zb_users/upload/2023/11/202311051699188200342910.png" style="" title="333.png"/></p><p><img src="http://m.371sports.com/zb_users/upload/2023/11/202311051699188200160594.png" style="" title="222.png"/></p><p><img src="http://m.371sports.com/zb_users/upload/2023/11/202311051699188200630625.jpg" style="" title="111.jpg"/></p><p><img src="http://m.371sports.com/zb_users/upload/2023/11/202311051699188200266849.png" style="" title="444.png"/></p><p><img src="http://m.371sports.com/zb_users/upload/2023/11/202311051699188200281938.png" style="" title="555.png"/></p><p><span style="text-wrap: nowrap;"><br/></span><br/></p>Sun, 05 Nov 2023 20:41:01 +0800手錶中的“西裝暴徒”積家REVERSO翻轉(zhuǎn)計時http://m.371sports.com/post/158.html<p>&nbsp; &nbsp; 我們通常將,外觀優(yōu)雅,實(shí)則動力狂暴的車款,稱為“西裝暴徒”,比如奔馳S63、奧迪S8。而在今年的“鐘錶與奇跡”日內(nèi)瓦錶展中,也有一只新錶,我願稱之為名錶中的“西裝暴徒”,這只錶,就是積家REVERSO TRIBUTE翻轉(zhuǎn)計時(以下簡稱REVERSO翻轉(zhuǎn)計時)。</p><p><img src="http://m.371sports.com/zb_users/upload/2023/06/202306071686145393458036.png" title="3.png" alt="3.png"/></p><p>為何將積家REVERSO翻轉(zhuǎn)計時,稱為“西裝暴徒”?</p><p>&nbsp; &nbsp; 雖然積家REVERSO在1931年誕生時,是作為一只“馬球運(yùn)動錶”而存在。但當(dāng)代的REVERSO翻轉(zhuǎn),已經(jīng)徹底成為一只正裝錶,有優(yōu)美的外觀,精良的做工。這只REVERSO翻轉(zhuǎn)計時,當(dāng)錶盤在正面時,是一只標(biāo)準(zhǔn)的REVERSO,兩根指針,精美且低調(diào)。但錶殼側(cè)面的兩個按鈕,告訴我們事情併沒有這麼簡單。當(dāng)這只REVERSO把錶盤翻到背面計時盤面時,將展現(xiàn)出截然不同的一面,鏤刻、計時、飛返,甚至還有炫酷。</p><p>&nbsp; &nbsp; 這就像奔馳S63、奧迪S8,看似是一輛D級行政轎車,踩下油門後,瞬間變身“狂暴猛獸”,而積家REVERSO翻轉(zhuǎn)計時,翻轉(zhuǎn)到計時一面後,瞬間變身“運(yùn)動計時錶”。</p><p>復(fù)雜款REVERSO都很值得入手,特別是這只計時。</p><p>&nbsp; &nbsp; 為什麼這麼說?因?yàn)椋e家REVERSO是當(dāng)今名錶世界,現(xiàn)存方形錶中,罕見的,依然堅(jiān)持方錶配方形機(jī)芯,併專門研發(fā)方形復(fù)雜機(jī)芯的名錶。而其他名錶品牌的方形手錶,絕大多數(shù),都是在方形錶殼中,裝一個圓形機(jī)芯。這和積家方錶方芯一比,高下立判。1996年,積家第一次推出正反翻轉(zhuǎn)的REVERSO計時。REVERSO計時有兩大特點(diǎn):</p><p>1、方形一體化計時機(jī)芯。</p><p>2、逆跳分鐘計時盤。</p><p>&nbsp; &nbsp; 在上世紀(jì)90年代,眾多名錶品牌,在經(jīng)歴了石英危機(jī)之後,機(jī)械機(jī)芯的生產(chǎn)能力都沒有恢復(fù),基本就靠外購ETA機(jī)芯,就連勞力士都還在使用真力時el primero計時機(jī)芯。有上面這兩大特點(diǎn)的積家REVERSO計時,簡直就是“天神下凡”。</p><p><img src="http://m.371sports.com/zb_users/upload/2023/06/202306071686145442566808.png" title="2.png" alt="2.png"/></p><p>&nbsp; &nbsp; 今年,新款積家REVERSO計時,延續(xù)了上世紀(jì)90年代歴史型號的特點(diǎn),併根據(jù)當(dāng)下審美進(jìn)行了一些調(diào)整。使用積家860手動計時機(jī)芯,動力52小時。咱們先看手錶計時功能這一面。</p><p>&nbsp; &nbsp; 計時一面,盤面全部鏤空,盤面下方的機(jī)芯夾闆、計時部件全部可見。在盤面中央,是60秒計時盤。和歴史型號不同的是,新款REVERSO計時在計時盤上,增加了時針、分針,在計時這一面,也可以正常讀時,平時可以直接戴計時一面。而歴史型號,計時這一面就是單純計時盤。在盤面下方6點(diǎn)位,是&nbsp; &nbsp; REVERSO計時的30分鐘計時盤。我們可以看到,計時盤使用逆跳形式。計時盤面佈局,在市面主流名錶中,獨(dú)一無二。</p><p>&nbsp; &nbsp; 通過鏤空盤面,我們同樣可以看出這只手錶的計時部件構(gòu)造。首先REVERSO計時,使用柱狀輪、水平離合組合,是一只手動計時錶。柱狀輪位於盤面7點(diǎn)位。在盤面中央,可以看到水平離合部件。盤面中央黃色齒輪下方,有細(xì)密齒牙的,是計時秒輪;數(shù)字20位置的是走時秒輪;數(shù)字15位置的是計時離合齒輪,負(fù)責(zé)嚙合/分離,走時秒輪和計時秒輪。</p><p>&nbsp; &nbsp; 積家REVERSO計時,最絕的,就是逆跳分鐘計時盤的杠桿聯(lián)動設(shè)計。積家REVERSO計時的計時分輪位於盤面1點(diǎn)位置,由於夾闆遮擋,沒有露在外面。而逆跳計時盤,在最下方6點(diǎn)位。要把1點(diǎn)位的計時分輪,和6點(diǎn)位的逆跳分鐘計時盤聯(lián)動起來,積家使用了一個“超長”的杠桿,貫穿整個錶盤,“蜿蜒盤曲”避開4點(diǎn)位的擺輪,直接連接到逆跳機(jī)構(gòu)的“蝸牛形”凸輪。以實(shí)現(xiàn)1點(diǎn)位的計時分輪,可以帶動最下方的逆跳顯示。</p><p>&nbsp; &nbsp; 在機(jī)芯裝飾上,計時這一面,大面積使用日內(nèi)瓦條紋裝飾。鏤空露出的計時部件、杠桿,進(jìn)行拉絲處理。夾闆邊緣倒角併拋光。柱狀輪、計時秒針、30分鐘逆跳指針、以及部分外露螺絲,全部烤藍(lán)。手錶的時針、分針,兩個切面一面拋光一面拉絲,形成明暗效果。立體時標(biāo),兩個切面都是拋光的。復(fù)雜、精美、以及炫酷,都集中在了計時這一面。</p><p>&nbsp; &nbsp; 翻看積家REVERSO計時的正常時間顯示一面,就顯得非常低調(diào)了。時針、分鐘都是太妃針造型,配合立體時標(biāo)和軌道刻度,從錶面上看,就是一個兩針錶。手錶盤面放射出太陽紋裝飾,再無其他。對於追求低調(diào)的玩家,日常佩戴,肯定會翻轉(zhuǎn)到這一面。</p><p>&nbsp; &nbsp; 這裏我多說一句,積家REVERSO有很多分支,像REVERSO計時這種,太妃針配立體條形時標(biāo)(炮彈字)的,就是REVERSO TRIBUTE;如果是劍形指針配數(shù)字時標(biāo)的,就是REVERSO CLASSIC;如果是劍形指針配條形時標(biāo),可能盤面都沒有積家的JL標(biāo)誌,那就是REVERSO 1931了。</p><p>&nbsp; &nbsp; 積家REVERSO計時,有鋼殼、玫瑰金殼,尺寸都是49.4毫米X 29.9毫米。方錶的尺寸,都是算上錶耳的,所以各位看到49.4這個數(shù)字,不要慌,這是包括上下錶耳的長度,實(shí)際沒有這麼大。就是正常男錶的尺寸。積家給新款REVERSO計時增加了一個帆佈錶帶(錶耳部分是皮的),這個帆佈帶,放在REVERSO計時上,增加了手錶的運(yùn)動感,和計時功能一面很搭配,特別是鋼殼配帆佈帶,很有休閑運(yùn)動的味道(但需要註意,REVERSO計時防水30米)。</p><p><img src="http://m.371sports.com/zb_users/upload/2023/06/202306071686145453592681.png" title="1.png" alt="1.png"/></p><p>積家REVERSO計時,鋼殼公價166000,玫瑰金殼公價290000</p><p>&nbsp; &nbsp; 客觀的說,絕大多數(shù)頂尖計時錶,或多或少,都是“相似”的,而這就讓REVERSO計時更加“突出”。雙面翻轉(zhuǎn)的計時佈局、方形的一體化計時機(jī)芯、逆跳的分鐘計時盤,這些都造就了REVERSO計時的獨(dú)一無二。</p><p>買頂級手錶上<a href="http://www.top-biao.com" target="_self">www.top-biao.com</a>:<a href="http://www.top-biao.com" target="_self">高仿手錶</a> <a href="http://www.top-biao.com" target="_self">複刻手錶</a> <a href="http://www.top-biao.com" target="_self">精仿手錶</a> <a href="http://www.top-biao.com" target="_self">高仿錶</a> <a href="http://www.top-biao.com" target="_self">複刻錶</a> <a href="http://www.top-biao.com" target="_self">精仿錶</a></p>Wed, 07 Jun 2023 21:36:56 +0800職場新人應(yīng)該選什麼腕錶作為職場通勤錶呢?http://m.371sports.com/post/157.html<p>&nbsp; &nbsp; 很多男性對於腕錶的熱愛從很小就開始了,我經(jīng)常在腕錶之家的論壇中看到,小時候爸爸送的電子錶或者其他品類的腕錶,在孩子心中種下一顆愛錶的種子愛錶的種子生根發(fā)芽。長大步入職場後,一定也需要一枚腕錶提升個人形象氣質(zhì),今天為大家推薦三只價格都在一萬元之下的親民腕錶,供大家選擇。</p><p><img src="http://m.371sports.com/zb_users/upload/2023/06/202306071686144905208082.png" title="1.png" alt="1.png"/></p><p>天梭經(jīng)典繫列T137.410.11.091.00</p><p>產(chǎn)品型號:T137.410.11.091.00</p><p>國內(nèi)公價:¥2950</p><p>腕錶直徑:40毫米</p><p>錶殼厚度:10.5毫米</p><p>機(jī)芯型號:F06.115</p><p>錶殼材質(zhì):316L精鋼</p><p>防水深度:100米</p><p>錶款詳情:<a href="http://www.top-biao.com" target="_self">www.top-biao.com</a></p><p>腕錶點(diǎn)評:第一只腕錶來自天梭經(jīng)典繫列,豪華運(yùn)動的外形顏值超高,綠色太陽紋錶盤尤其吸睛。腕錶直徑40毫米,316L精鋼材質(zhì)打造錶殼,大面積的縱嚮拉絲,豐富了盤面質(zhì)感。綠色太陽紋錶盤上,3點(diǎn)位開設(shè)了一個白底黑色的日期顯示窗口,棒狀時標(biāo)和指針比較規(guī)矩,中和了這只錶略顯張揚(yáng)的氣質(zhì)。品牌為腕錶搭載一枚石英機(jī)芯,佩戴方便,避免了上鏈的麻煩,腕錶整體防水100米。</p><p><img src="http://m.371sports.com/zb_users/upload/2023/06/202306071686144918856713.png" title="2.png" alt="2.png"/></p><p>美度舵手繫列M038.430.17.041.00</p><p>產(chǎn)品型號:M038.430.17.041.00</p><p>國內(nèi)公價:¥6800</p><p>腕錶直徑:42毫米</p><p>錶殼厚度:11毫米</p><p>機(jī)芯型號:ETA C07.621</p><p>錶殼材質(zhì):不銹鋼</p><p>防水深度:100米</p><p>錶款詳情:<a href="http://www.top-biao.com" target="_self">www.top-biao.com</a></p><p>腕錶點(diǎn)評:這只美度腕錶使用了大面積的藍(lán)色,屬於百搭款式。腕錶直徑42毫米,精鋼材質(zhì)打造錶殼,漸變藍(lán)色的錶盤加深了腕錶的顏色層次,圓形與逐漸收窄的棒狀時標(biāo),覆塗夜光塗層,併且在錶盤3點(diǎn)位開設(shè)了一個白底黑字的日期顯示和星期顯示功能。腕錶搭載一個藍(lán)色織物錶帶,裝飾以白色縫線,和白色的時標(biāo)相互映襯,顏色搭配很和諧,整體來說是不會出錯的款式。搭載一枚ETA C07.621自動機(jī)械機(jī)芯,動力儲備80小時,腕錶整體防水100米。</p><p><img src="http://m.371sports.com/zb_users/upload/2023/06/202306071686144930456802.png" title="3.png" alt="3.png"/></p><p>漢米爾頓卡其航空繫列H76205530</p><p>產(chǎn)品型號:H76205530</p><p>國內(nèi)公價:¥7350</p><p>腕錶直徑:38 毫米</p><p>機(jī)芯類型:自動機(jī)械</p><p>機(jī)芯型號:H-10</p><p>錶殼材質(zhì):精鋼</p><p>防水深度:100米</p><p>錶款詳情:<a href="http://www.top-biao.com" target="_self">www.top-biao.com</a></p><p>腕錶點(diǎn)評:第三只推薦的是漢米爾頓卡其航空繫列,具備濃厚的復(fù)古風(fēng)情,喜歡復(fù)古風(fēng)的錶友們可以考慮入手。腕錶直徑38毫米,戴在腕間低調(diào)不張揚(yáng)。黑色顆粒質(zhì)感的錶盤上,設(shè)計了米色阿拉伯?dāng)?shù)字時標(biāo),指針和時標(biāo)全部覆塗夜光塗層,配備一枚小牛皮錶帶,低調(diào)有質(zhì)感。搭載一枚H-10自動機(jī)械機(jī)芯,動力儲備80小時,腕錶整體防水為100米。</p><p>&nbsp; &nbsp; 總結(jié):以上三只腕錶,天梭豪華,美度百搭,漢米爾頓頗有復(fù)古情懷,如果是您,會選擇哪一枚腕錶作為職場通勤錶呢?</p><p>買頂級手錶上<a href="http://www.top-biao.com" target="_self">www.top-biao.com</a>:<a href="http://www.top-biao.com" target="_self">高仿手錶</a> <a href="http://www.top-biao.com" target="_self">複刻手錶</a> <a href="http://www.top-biao.com" target="_self">精仿手錶</a> <a href="http://www.top-biao.com" target="_self">高仿錶</a> <a href="http://www.top-biao.com" target="_self">複刻錶</a> <a href="http://www.top-biao.com" target="_self">精仿錶</a></p>Wed, 07 Jun 2023 21:31:18 +0800歐米茄推出的紀(jì)念款腕錶既具備紀(jì)念價值也可滿足錶友日常佩戴需求http://m.371sports.com/post/156.html<p>&nbsp; &nbsp; 說到經(jīng)典的007繫列電影,影迷們肯定都能如數(shù)家珍一番。無論是丹尼爾·克雷格出演的最後一部《007:無暇赴死》,還是1995年上映的殿堂級佳作《007:黃金眼》,都是值得拿出來反復(fù)回味的經(jīng)典。無論哪個年代的007電影, 前衛(wèi)與創(chuàng)新一直以來都是詹姆斯·邦德繫列故事中必不可少的要素, 歐米茄亦是如此。 為慶祝007繫列電影誕生60周年,歐米茄(OMEGA)推出了一枚海馬繫列300米潛水錶詹姆斯·邦德60周年紀(jì)念款,以創(chuàng)新設(shè)計和引人矚目的材質(zhì)嚮這位傳奇特工致敬。今天,我們就來詳細(xì)的解讀一下這枚腕錶。(型號:210.30.42.20.03.002)</p><p><img src="http://m.371sports.com/zb_users/upload/2023/06/202306071686144537304503.png" title="1.png" alt="1.png"/></p><p>&nbsp; &nbsp; 首先是腕錶的錶殼採用了精鋼材質(zhì),通常是打造在高強(qiáng)度環(huán)境(例如潛水和探險)下使用腕錶的理想材質(zhì)。腕錶的直徑沿用了海馬繫列300米潛水錶較為常用的42毫米,小腕子的朋友要實(shí)際上手試戴才知道是否合適自己。此外,腕錶的錶圈和錶盤均採用了深藍(lán)色配色,靈感來源於《007:黃金眼》中的那枚海馬繫列300米潛水錶。也是從這部經(jīng)典電影開始, 歐米茄海馬繫列腕錶便成為詹姆斯·邦德腕間的不二之選。</p><p>&nbsp; &nbsp; 腕錶採用藍(lán)色單嚮旋轉(zhuǎn)錶圈,藍(lán)色錶盤由草酸陽極氧化鋁制成,併飾以激光鐫刻波紋圖案。腕錶的時針、分針以及小時刻度均採用白色Super-LumiNova夜光塗層處理,為腕錶賦予了強(qiáng)大的夜光顯示功能。讓腕錶可以在昏暗的環(huán)境下,依舊可以為佩戴者提供清晰的時間信息。</p><p><img src="http://m.371sports.com/zb_users/upload/2023/06/202306071686144589669392.png" title="2.png" alt="2.png"/></p><p>&nbsp; &nbsp; 正面來看,腕錶錶圈上的傳統(tǒng)倒三角標(biāo)誌以數(shù)字“60”取代,區(qū)別於常規(guī)款的海馬繫列300米潛水錶,別具紀(jì)念意義。錶鏡則採用圓弧形耐磨損藍(lán)寶石玻璃錶鏡,經(jīng)過防反光處理,所以我們也能夠清晰地看到腕錶的錶盤細(xì)節(jié)。</p><p>&nbsp; &nbsp; 腕錶所搭配的精鋼網(wǎng)狀錶鏈,相對於其他的金屬錶鏈而言在佩戴感受上更為貼膚。此外,它也為腕錶的金屬外觀增添紋理質(zhì)感。同時,它與《007:無暇赴死》中邦德佩戴的歐米茄腕錶的錶鏈風(fēng)格一致。</p><p>&nbsp; &nbsp; 翻轉(zhuǎn)腕錶,透過透明藍(lán)寶石玻璃錶鏡,這枚海馬繫列300米潛水錶詹姆斯·邦德60周年紀(jì)念款腕錶乾坤在於此。錶背飾以微結(jié)構(gòu)金屬鍍層技術(shù)制成的圖案,再現(xiàn)007繫列電影的經(jīng)典開場——邦德剪影和螺旋形槍膛線設(shè)計。這種“摩爾”紋的動態(tài)效果與“棒棒糖”型中央秒針同步運(yùn)行,循環(huán)往復(fù),連續(xù)起來的人物畫面類似我們小時候看到的動畫效果,靜態(tài)的圖案通過連續(xù)的翻動,可以形成動態(tài)效果。這是歐米茄正在申請專利的創(chuàng)新設(shè)計,也再次彰顯出品牌制錶工藝的奇思妙想。</p><p><img src="http://m.371sports.com/zb_users/upload/2023/06/202306071686144599482647.png" title="3.png" alt="3.png"/></p><p>&nbsp; &nbsp; 這枚腕錶內(nèi)部搭載的是歐米茄8806至臻天文臺機(jī)芯,具備55小時的動力儲備時長。併且通過由瑞士聯(lián)邦計量研究院(METAS)核準(zhǔn)的至臻天文臺認(rèn)證,在精準(zhǔn)度、防磁性和整體性能方面均達(dá)到行業(yè)的更高標(biāo)準(zhǔn)。</p><p>&nbsp; &nbsp; 總結(jié):這款海馬繫列300米潛水錶詹姆斯·邦德60周年紀(jì)念版精鋼款腕錶以藍(lán)色木質(zhì)禮盒承載,國內(nèi)售價為 63,500元。無論是之前的超霸繫列“史努比”獎50周年紀(jì)念版腕錶,海馬繫列Aqua Terra 150米北京2022年冬奧會腕錶,還是這枚詹姆斯·邦德60周年紀(jì)念腕錶,歐米茄所推出的紀(jì)念款腕錶既具備紀(jì)念價值,同時也併不是”只可遠(yuǎn)觀不可褻玩“的作品,而是可以滿足錶友日常佩戴需求的實(shí)力腕錶。</p><p>買頂級手錶上<a href="http://www.top-biao.com" target="_self">www.top-biao.com</a>:<a href="http://www.top-biao.com" target="_self">高仿手錶</a> <a href="http://www.top-biao.com" target="_self">複刻手錶</a> <a href="http://www.top-biao.com" target="_self">精仿手錶</a> <a href="http://www.top-biao.com" target="_self">高仿錶</a> <a href="http://www.top-biao.com" target="_self">複刻錶</a> <a href="http://www.top-biao.com" target="_self">精仿錶</a></p>Wed, 07 Jun 2023 21:24:28 +0800致敬·傳頌以拱形藍(lán)寶石玻璃錶鏡復(fù)刻7120圓潤典雅的造型還原經(jīng)典http://m.371sports.com/post/155.html<p>&nbsp; &nbsp; 不久前,上海錶以傳頌之物——7120型手錶為靈感來源,推出了三款全新致敬繫列傳頌腕錶。看到新款腕錶,讓我不自覺想起了被母親不知道“藏”在梳妝臺裏多少年的那塊白盤手錶,當(dāng)然,我也是長大從事相關(guān)行業(yè)工作,才知道那塊兒手錶除了上海錶還有一個名字叫7120。</p><p><img src="http://m.371sports.com/zb_users/upload/2023/06/202306071686144200262830.png" title="1.png" alt="1.png"/></p><p>&nbsp; &nbsp; 在6、70年代,我國經(jīng)濟(jì)發(fā)展正處於起步階段,人民對奢侈品的追求與現(xiàn)在有所不同。那時候,“三轉(zhuǎn)一響”才是人民夢寐以求的生活物品,而上海牌手錶更是全民追捧的“奢侈品”,是時髦與品質(zhì)的代名詞。</p><p>&nbsp; &nbsp; 在1973年3月,輕工部組織全國各大手錶廠和相關(guān)領(lǐng)域的技術(shù)工人、專家,研制出中國自行設(shè)計的“統(tǒng)一機(jī)芯”,雖然“統(tǒng)芯”的出現(xiàn)一定程度上緩解了當(dāng)時一錶難求的局面,但由於各廠生產(chǎn)技術(shù)不一,手錶的質(zhì)量無法把控。所以,上海錶廠的技術(shù)團(tuán)隊(duì)在統(tǒng)一機(jī)芯的基礎(chǔ)上,對各零部件的技術(shù)逐一對比優(yōu)化,將統(tǒng)一機(jī)芯優(yōu)化升級為上海SS7機(jī)芯。我們家喻戶曉的7120型手錶,便是搭載了SS7機(jī)芯,它也代錶著當(dāng)時國內(nèi)業(yè)領(lǐng)先的水平。</p><p>&nbsp; &nbsp; 說起7120,大家知道為什麼上海錶將該繫列錶款命名為7120嘛?其實(shí)7120這四個數(shù)字分別有自己的含義:第一位是機(jī)芯序列號,7代錶著腕錶搭載SS7機(jī)芯;第二位是機(jī)芯特性標(biāo)識,1代錶有防震器;第三位是錶殼材質(zhì),2代錶著全鋼;第四位是手錶造型特性,0代錶著初始造型。</p><p>&nbsp; &nbsp; 也正因?yàn)樯虾el對自己的嚴(yán)要求,盡管時隔多年,7120依然是許多錶友們的心頭好,它不僅見證了一個時代的變遷,也刻錄了無數(shù)人的珍貴回憶。腕錶之家也在第一時間拿到這款譽(yù)為“傳頌之物”,以7120為靈感推出的全新致敬·傳頌,下面就讓我們跟著實(shí)拍圖一起找回屬於7120的年代記憶。</p><p>&nbsp; &nbsp; 其實(shí)在“統(tǒng)芯”時代,我們在市面上見到的更多的是以黑、白作為盤面主色調(diào)的錶款,現(xiàn)在再去看,這就像無形的束縛,不知道為什麼,卻都這樣做。但上海錶不同,它誕生於上海這座充滿摩登、時尚與國際的大都市,這座城市獨(dú)有的文化腔調(diào)與海納百川的精神賦予了上海錶對“美”的敏銳感知能力,併逐漸孕育出極具國際化審美的東方美學(xué)。所以在70年代,它率先以一繫列彩色條紋盤面的設(shè)計,來回應(yīng)世界風(fēng)尚,這在當(dāng)時是非常大膽的行為。但它最後不負(fù)眾望,帶動國人對“色彩”的追求,也正因如此,它成為無數(shù)國人心中的驕傲。</p><p><img src="http://m.371sports.com/zb_users/upload/2023/06/202306071686144213829023.png" title="2.png" alt="2.png"/></p><p>&nbsp; &nbsp; 此次致敬繫列新款傳頌腕錶重現(xiàn)了7120條紋彩盤,共推出了三種盤面錶款,分別是:銀白色、綠色以及藍(lán)色。三款盤面均採用太陽紋飾,併經(jīng)過啞面處理,打造出由不等距同色光帶與啞光帶相間搭配的橫條紋設(shè)計,光線從各個角度照在盤面上,留下一條條光暈,流光溢彩,生動有趣。</p><p>&nbsp; &nbsp; 細(xì)心的錶友會發(fā)現(xiàn),品牌在新款腕錶的時標(biāo)設(shè)計上用了一些小巧思,在盤面3點(diǎn)鐘、6點(diǎn)鐘、9點(diǎn)鐘和12點(diǎn)鐘位置處採用釘紋時標(biāo)裝飾,這一設(shè)計的靈感源自傳統(tǒng)的車刻花棱,古典、硬朗卻又不失優(yōu)雅風(fēng)格。</p><p>&nbsp; &nbsp; 其余時標(biāo)採用的是立體陰刻時標(biāo),它將時標(biāo)中心部分刻為凹陷,再內(nèi)填覆色,彰顯以退為顯,水低成海的東方趣味,該時標(biāo)的設(shè)計靈感源於傳統(tǒng)碑刻的刻字方法。除此之外,時標(biāo)邊緣的設(shè)計也值得細(xì)細(xì)品味,一端緩坡過渡至盤面,另一端則為箭尾羽狀嚮內(nèi)收進(jìn),使得整體呈現(xiàn)嚮盤面中心聚攏之勢,再搭配上棒形指針,更顯簡潔幹練。</p><p>&nbsp; &nbsp; 在盤面3點(diǎn)鐘位置處,設(shè)有日期顯示窗口,一定程度上增加了腕錶的實(shí)用性。盤面6點(diǎn)鐘位置處復(fù)刻印有Zidong Rili(自動日歴)書法拼音及ZHONGGUO ZHIZAO(中國制造)、FANGZHEN(防震)拼音體,展現(xiàn)了上海手錶廠時期的復(fù)古趣味。</p><p>&nbsp; &nbsp; 除了盤面外,其實(shí)新款腕錶的錶殼也復(fù)刻了7120型代錶性外觀設(shè)計——枕形錶殼。錶殼採用316L精鋼材質(zhì)打造,直徑39毫米,對於國人來講,屬於黃金尺寸,不挑腕徑。腕錶厚度10.95毫米,搭配正裝也可以靈活收縮於袖口之中。</p><p>&nbsp; &nbsp; 錶殼側(cè)面設(shè)有精鋼錶冠,錶冠四周採用防滑坑紋設(shè)計,方便調(diào)節(jié)。錶冠上方刻有品牌經(jīng)典的第一代上海大廈體標(biāo)識,與盤面及錶扣相呼應(yīng)的同時,可以展現(xiàn)出上海簡潔而摩登的巍峨之勢以及上海錶的先鋒雋永精神。</p><p><img src="http://m.371sports.com/zb_users/upload/2023/06/202306071686144228727032.png" title="3.png" alt="3.png"/></p><p>&nbsp; &nbsp; 致敬·傳頌以拱形藍(lán)寶石玻璃錶鏡復(fù)刻7120圓潤典雅的造型,鏡面嚮上微微凸起,還原經(jīng)典,致敬先鋒。</p><p>&nbsp; &nbsp; 說完了正面,我們再翻轉(zhuǎn)過來看看腕錶背面。首先映入眼簾的是316L精鋼材質(zhì)錶底蓋,上面復(fù)刻了60年代末的海棠花窗以及“上海”書法體標(biāo)識。其中,海棠花窗內(nèi)施以細(xì)膩沙礫肌理,豐富視覺縱深層次,使腕錶化身為一枚耀眼的歲月徽章,將過去與未來連接,融於這款腕錶當(dāng)中。</p><p>&nbsp; &nbsp; 三款腕錶中綠色盤面搭配棕色錶帶,更顯復(fù)古韻味;藍(lán)色盤面搭配同色錶帶,沈穩(wěn)中又透著休閑;銀白色盤面搭配一條灰色錶帶,優(yōu)雅時尚更具動感。錶帶均採用牛皮材質(zhì)打造,併配備快拆繫統(tǒng),搭配精鋼針扣,佩戴簡單舒適。</p><p>&nbsp; &nbsp; 總結(jié):上海錶作為中國制錶行業(yè)的“創(chuàng)歴者”,它在逆境中成長,引領(lǐng)了一波又一波時尚風(fēng)潮,也成為了太多人的年少回憶。而全新致敬繫列傳頌腕錶以曾經(jīng)風(fēng)靡一時的7120型手錶為靈感,融合現(xiàn)代專業(yè)制錶技藝與東方美學(xué)重現(xiàn)當(dāng)年流行,喚醒了一個時代的記憶,展現(xiàn)新時代流行的摩登復(fù)古風(fēng)格。</p><p>買頂級手錶上<a href="http://www.top-biao.com" target="_self">www.top-biao.com</a>:<a href="http://www.top-biao.com" target="_self">高仿手錶</a> <a href="http://www.top-biao.com" target="_self">複刻手錶</a> <a href="http://www.top-biao.com" target="_self">精仿手錶</a> <a href="http://www.top-biao.com" target="_self">高仿錶</a> <a href="http://www.top-biao.com" target="_self">複刻錶</a> <a href="http://www.top-biao.com" target="_self">精仿錶</a></p>Wed, 07 Jun 2023 21:17:22 +0800歐米茄海馬300米“邦德60周年”一只有動畫效果的錶http://m.371sports.com/post/154.html<p>&nbsp; &nbsp; 自首部007電影上映以來,經(jīng)典的電影角色詹姆斯·邦德已經(jīng)歴經(jīng)六十載不凡歲月。”他熱衷於一切極致的事物,一枚設(shè)計精美又品質(zhì)卓越的歐米茄腕錶是他的理想之選。“在電影中的邦德曾多次佩戴歐米茄腕錶,因此品牌也將1995年上映的《黃金眼》中邦德佩戴的海馬繫列300米潛水錶作為這枚腕錶的靈感,推出這枚海馬繫列詹姆斯·邦德60周年紀(jì)念腕錶。這枚特別款,到底有什麼特別之處呢,我們一起來看一下。</p><p><img src="http://m.371sports.com/zb_users/upload/2023/06/202306071686143752765976.png" title="1.png" alt="1.png"/></p><p>重中之重,它是一只有動畫效果的錶!</p><p>&nbsp; &nbsp; 您沒有看錯,是“動畫效果”。歐米茄海馬300米“邦德60周年”這只錶,在機(jī)芯背面,有007電影開頭經(jīng)典的,詹姆斯邦德走進(jìn)鏡頭,轉(zhuǎn)身射擊的“動態(tài)畫面”,併不斷循環(huán)播放。</p><p>&nbsp; &nbsp; 一只歐米茄海馬300米,能在機(jī)芯上做出“動態(tài)畫面”,這是活動人偶嗎?當(dāng)然不是。歐米茄是在機(jī)芯底部,使用一個轉(zhuǎn)動的鋁盤,在鋁盤上,有4幀人物畫面,以及黑白相間的螺旋。鋁盤通過秒針帶動旋轉(zhuǎn),旋轉(zhuǎn)起來後,4幀人物畫面,連續(xù)起來,就有動態(tài)效果。秒針一直走,動畫效果就會不停播放,周而復(fù)始。</p><p>&nbsp; &nbsp; 其實(shí)這種通過秒針聯(lián)動的功能,歐米茄併不是第一次使用。在此之前,2020年推出的歐米茄手動超霸“史努比”,也就是第三代史努比,手錶背面,就是靠計時秒針聯(lián)動,帶動背面的史努比飛船,沿著底蓋的外圈,繞圈飛行。同時還有一個動畫效果就是正常走時小秒針,會帶動錶背的地球,持續(xù)轉(zhuǎn)動。現(xiàn)在,海馬300米“邦德60周年”,將秒針聯(lián)動發(fā)展出“動畫效果”,創(chuàng)意非常絕。</p><p><img src="http://m.371sports.com/zb_users/upload/2023/06/202306071686143770119022.png" title="2.png" alt="2.png"/></p><p>打破“死穴”,把專業(yè)潛水錶提升到新的高度</p><p>&nbsp; &nbsp; 曾經(jīng),很多玩家在一起探討名錶時,一些不喜歡潛水錶的玩家,為了錶達(dá)自己的對潛水錶的不喜,有一句話,堪稱絕殺“妳們這些水鬼(潛水錶),就是一個工具錶”(tool watch)。以此錶示,潛水錶粗糙、不高級。雖然是閑聊,但這句話其實(shí)沒錯,因?yàn)橄駝诹κ克怼W米茄海馬、寶珀50噚等,在歴史上,它就是工具錶。它是從工具錶,後來演變成了豪華潛水錶,逐步擁有了精良的外觀處理、良好的機(jī)芯裝飾等。</p><p>&nbsp; &nbsp; 現(xiàn)在,歐米茄海馬300米“邦德60周年”,在潛水錶上加入了“動態(tài)畫面”。“動態(tài)畫面”的可玩度,甚至超過了一些傳統(tǒng)復(fù)雜功能。與此同時,這只手錶依然保持了海馬300米專業(yè)潛水錶的性能指標(biāo)。可以說,歐米茄一舉將專業(yè)潛水錶這一名錶品類,提升到了新的高度。</p><p>除了“動態(tài)畫面”,還有哪些特別之處?</p><p>&nbsp; &nbsp; 歐米茄海馬300米“邦德60周年”,除了獨(dú)有的“動態(tài)畫面”外,在手錶整體設(shè)計上,主打復(fù)古風(fēng)格,併融入007紀(jì)念元素。海馬300米“邦德60周年”的外觀,接近於1995年007電影《黃金眼》中,皮爾斯·佈魯斯南扮演007,佩戴的早期歐米茄海馬300米。</p><p>&nbsp; &nbsp; 新款海馬300米“邦德60周年”,鋼殼,尺寸42毫米,錶殼10點(diǎn)位是排氦閥,這些和常規(guī)海馬300米一樣。第一個需要註意的特點(diǎn)是,手錶的錶圈,是鋁圈。藍(lán)色的鋁圈,顏色偏暗。之所以不用陶瓷圈,而使用鋁圈,就是為了模仿早期海馬300米的樣式。錶圈上的第二個特點(diǎn)是,錶圈零位的數(shù)字刻度,是60,而不是常規(guī)海馬300米的“倒三角”。使用數(shù)字60,以突出“邦德60周年”的紀(jì)念。同時,鋁圈上的所有數(shù)字刻度,都有夜光。</p><p>&nbsp; &nbsp; 海馬300米“邦德60周年”的盤面,使用激光雕刻的波浪紋裝飾,波浪紋造型和上世紀(jì)90年代的早期海馬300米保持一致,但取消了日歴。需要註意的是,新款海馬300米“邦德60周年”的秒針,使用了“棒棒糖”指針。“棒棒糖”指針,在古董歐米茄中,經(jīng)常出現(xiàn)。是歐米茄復(fù)古風(fēng)格的一個特徵。在售的海馬300、2015年的海馬300“007幽靈黨”上,也使用“棒棒糖”指針。大家需要註意,海馬300和海馬300米,不是一個手錶。</p><p><img src="http://m.371sports.com/zb_users/upload/2023/06/202306071686143789696521.png" title="3.png" alt="3.png"/></p><p>&nbsp; &nbsp; 在機(jī)芯方面,海馬300米“邦德60周年”使用的8806自動機(jī)芯,除了和“動態(tài)畫面”聯(lián)動外,性能配置和常規(guī)版8800繫列機(jī)芯一樣,有至臻天文臺認(rèn)證,每天誤差0/+5秒,15000高斯防磁,動力55小時。</p><p>&nbsp; &nbsp; 海馬300米“邦德60周年”可配金屬米蘭鏈(鋼鏈)或者帆佈帶。自從2019年,歐米茄海馬300米“007無暇赴死”開始,米蘭鏈和帆佈帶,開始進(jìn)入到海馬300米繫列當(dāng)中。特別是金屬米蘭鏈,和海馬300米錶頭的組合,在增強(qiáng)復(fù)古風(fēng)格的同時,已經(jīng)成為了歐米茄海馬300米特殊款的一大特徵,識別度很高。</p><p>買頂級手錶上<a href="http://www.top-biao.com" target="_self">www.top-biao.com</a>:<a href="http://www.top-biao.com" target="_self">高仿手錶</a> <a href="http://www.top-biao.com" target="_self">複刻手錶</a> <a href="http://www.top-biao.com" target="_self">精仿手錶</a> <a href="http://www.top-biao.com" target="_self">高仿錶</a> <a href="http://www.top-biao.com" target="_self">複刻錶</a> <a href="http://www.top-biao.com" target="_self">精仿錶</a></p>Wed, 07 Jun 2023 20:52:21 +0800JavaScript 使我們有能力創(chuàng)建動態(tài)頁面http://m.371sports.com/post/153.html<p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong>DOM</strong><strong><span style="font-family: 宋體;">事件</span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong><span style="font-family: 宋體;"><img src="http://m.371sports.com/zb_users/upload/2022/12/202212281672206573126189.png" title="QQ圖片20220509195934.png" alt="QQ圖片20220509195934.png"/></span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp; JavaScript&nbsp;</span><span style="font-family: 宋體;">使我們有能力創(chuàng)建動態(tài)頁面。事件是可以被 JavaScript 偵測到的行為。 網(wǎng)頁中的每個元素都可以產(chǎn)生某些可以觸發(fā)JavaScript函數(shù)的事件。比方說,我們可以在用戶點(diǎn)擊某按鈕時產(chǎn)生一個onClick 事件來觸發(fā)某個函數(shù)。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong><span style="font-family: 宋體;">1</span></strong><strong><span style="font-family: 宋體;">.事件</span></strong></p><ol class="custom_num1 list-paddingleft-1" style="white-space: normal; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><li class="list-num-2-1 list-num1-paddingleft-1" style=""><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">1)<span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 9px; line-height: normal; font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: 宋體;">事件是文檔或者瀏覽器窗口中發(fā)生的,特定的交互瞬間。</span></p></li><li class="list-num-2-2 list-num1-paddingleft-1" style=""><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">2)<span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 9px; line-height: normal; font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: 宋體;">事件是用戶或?yàn)g覽器自身執(zhí)行的某種動作,如click,load和mouseover都是事件的名字。</span></p></li><li class="list-num-2-3 list-num1-paddingleft-1" style=""><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">3)<span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 9px; line-height: normal; font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: 宋體;">事件是javaScript和DOM之間交互的橋梁。</span></p></li></ol><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 宋體;">你若觸發(fā),我便執(zhí)行——事件發(fā)生,調(diào)用它的處理函數(shù)執(zhí)行相應(yīng)的JavaScript代碼給出響應(yīng)。典型的例子有:頁面加載完畢觸發(fā)load事件;用戶單擊元素,觸發(fā)click事件。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong><span style="font-family: 宋體;">2</span></strong><strong><span style="font-family: 宋體;">.事件流</span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 宋體;">事件發(fā)生時會在元素節(jié)點(diǎn)與根節(jié)點(diǎn)之間按照特定的順序傳播,路徑所經(jīng)過的所有節(jié)點(diǎn)都會收到該事件,這個傳播過程即DOM事件流。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 宋體;">事件傳播的順序?qū)?yīng)瀏覽器的兩種事件流模型:捕獲型事件流和冒泡型事件流(如圖6-9兩種事件流)。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 宋體;">冒泡型事件流:事件的傳播是從最特定的事件目標(biāo)到最不特定的事件目標(biāo)。即從DOM樹的葉子到根。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 宋體;">捕獲型事件流:事件的傳播是從最不特定的事件目標(biāo)到最特定的事件目標(biāo)。即從DOM樹的根到葉子。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp;</span><span style="font-family: 宋體;">事件捕獲的思想就是不太具體的節(jié)點(diǎn)應(yīng)該更早接收到事件,而最具體的節(jié)點(diǎn)最后接收到事件。</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="568" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background: rgb(217, 217, 217);">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;!DOCTYPE html&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;html&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;head&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp; &nbsp;&lt;meta charset=&quot;UTF-8&quot;&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp; &nbsp;&lt;title&gt;&lt;/title&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;/head&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;body&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both; text-indent: 18px;"><span style="font-family: 宋體;">&lt;div id=&quot;myDiv&quot;&gt;Click me!&lt;/div&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;/body&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;/html&gt;</span></p>&nbsp;</td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">上面這段html代碼中,單擊了頁面中的&lt;div&gt;元素,</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">在冒泡型事件流中click事件傳播順序?yàn)?amp;lt;div&gt;—》&lt;body&gt;—》&lt;html&gt;—》document</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">在捕獲型事件流中click事件傳播順序?yàn)閐ocument—》&lt;html&gt;—》&lt;body&gt;—》&lt;div&gt;</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); line-height: 27px;"><span style="line-height: 27px; font-family: 宋體;"></span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span class="ans-img-wrap" id="ext-gen1047" style="padding: 0px; border: none; max-width: 100%; text-indent: 0px;"><img src="http://p.ananas.chaoxing.com/star3/origin/6df0d7f4f47ec99daef0644ec5e98a13.png" width="435" height="368" title="5-11a.png" id="ext-gen1048" style="border: none; padding: 0px; max-width: 100%;"/></span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); line-height: 27px;"><span style="line-height: 27px; font-family: 宋體;"></span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span class="ans-img-wrap" id="ext-gen1049" style="padding: 0px; border: none; max-width: 100%; text-indent: 0px;"><img src="http://p.ananas.chaoxing.com/star3/origin/c44b3bc3262ba4e5a76932ba4710f456.png" width="394" height="324" title="5-11b.png" id="ext-gen1050" style="border: none; padding: 0px; max-width: 100%;"/></span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center; line-height: 27px;"><span style="line-height: 27px; font-family: 宋體;">圖5-11兩種事件流</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong>3</strong><strong><span style="font-family: 宋體;">.事件句柄</span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp; HTML&nbsp;</span><span style="font-family: 宋體;">事件觸發(fā)瀏覽器中的行為,比如當(dāng)用戶點(diǎn)擊某個 HTML 元素時啟動一段 JavaScript。下面是一個屬性列表,可將之插入 HTML 標(biāo)簽以定義事件的行為。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><strong><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">屬性</span></strong></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><strong><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">此事件發(fā)生在何時...</span></strong></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onabort</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">圖像的加載被中斷。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onblur</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">元素失去焦點(diǎn)。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onchange</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">域的內(nèi)容被改變。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onclick</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">當(dāng)用戶點(diǎn)擊某個對象時調(diào)用的事件句柄。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">ondblclick</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">當(dāng)用戶雙擊某個對象時調(diào)用的事件句柄。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onerror</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">在加載文檔或圖像時發(fā)生錯誤。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onfocus</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">元素獲得焦點(diǎn)。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onkeydown</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">某個鍵盤按鍵被按下。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onkeypress</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">某個鍵盤按鍵被按下并松開。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onkeyup</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">某個鍵盤按鍵被松開。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onload</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">一張頁面或一幅圖像完成加載。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onmousedown</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">鼠標(biāo)按鈕被按下。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onmousemove</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">鼠標(biāo)被移動。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onmouseout</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">鼠標(biāo)從某元素移開。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onmouseover</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">鼠標(biāo)移到某元素之上。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onmouseup</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">鼠標(biāo)按鍵被松開。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onreset</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">重置按鈕被點(diǎn)擊。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onresize</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">窗口或框架被重新調(diào)整大小。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onselect</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">文本被選中。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onsubmit</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">確認(rèn)按鈕被點(diǎn)擊。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom: none; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onunload</span></p>&nbsp;</td><td width="419" style="border-width: initial; border-style: none; border-color: initial; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">用戶退出頁面。</span></p>&nbsp;</td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp; onload&nbsp;</span><span style="font-family: 宋體;">和 onunload 事件會在用戶進(jìn)入或離開頁面時被觸發(fā)。onload 事件可用于檢測訪問者的瀏覽器類型和瀏覽器版本,并基于這些信息來加載網(wǎng)頁的正確版本。onload 和 onunload 事件可用于處理 cookie。&nbsp;</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="568" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background: rgb(217, 217, 217);">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;!DOCTYPE html&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;html&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;body onload=&quot;checkCookies()&quot;&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;script&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">function checkCookies(){</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">if (navigator.cookieEnabled==true){</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&nbsp;&nbsp;&nbsp; alert(&quot;</span><span style="font-size: 13px; font-family: 宋體;">已啟用 &nbsp;cookie&quot;)</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&nbsp;&nbsp;&nbsp; }</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">else{</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&nbsp;&nbsp;&nbsp; alert(&quot;</span><span style="font-size: 13px; font-family: 宋體;">未啟用 &nbsp;cookie&quot;)</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&nbsp;&nbsp;&nbsp; }</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">}</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;/script&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;p&gt;</span><span style="font-size: 13px; font-family: 宋體;">提示框會告訴你,瀏覽器是否已啟用 cookie。&lt;/p&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;/body&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;/html&gt;</span></p>&nbsp;</td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">onchange</span><span style="font-family: 宋體;">事件常結(jié)合對輸入字段的驗(yàn)證來使用。下面是一個如何使用onchange 的例子。當(dāng)用戶改變輸入字段的內(nèi)容時,會調(diào)用 upperCase() 函數(shù)。</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="568" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background: rgb(217, 217, 217);">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;!DOCTYPE &nbsp;html&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;html&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;head&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both; text-indent: 12px;"><span style="font-family: 宋體;">&lt;script&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp;&nbsp; function myFunction(){</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var &nbsp;x=document.getElementById(&quot;fname&quot;);</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; x.value=x.value.toUpperCase();</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp;&nbsp; }</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both; text-indent: 12px;"><span style="font-family: 宋體;">&lt;/script&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;/head&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;body&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">請輸入英文字符:&lt;input type=&quot;text&quot; id=&quot;fname&quot; onchange=&quot;myFunction()&quot;&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;p&gt;</span><span style="font-family: 宋體;">當(dāng)您離開輸入字段時,會觸發(fā)將輸入文本轉(zhuǎn)換為大寫的函數(shù)。&lt;/p&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;/body&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;/html&gt;</span></p>&nbsp;</td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp; onmouseover&nbsp;</span><span style="font-family: 宋體;">和 onmouseout 事件可用于在用戶的鼠標(biāo)移至 HTML 元素上方或移出元素時觸發(fā)函數(shù)。</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="568" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background: rgb(217, 217, 217);">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;!DOCTYPE &nbsp;html&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;html&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;body&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both; text-indent: 12px;"><span style="font-family: 宋體;">&lt;div &nbsp;onmouseover=&quot;mOver(this)&quot; onmouseout=&quot;mOut(this)&quot;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">style=&quot;background:green;width:120px;height:20px;padding:40px;color:#ffffff;&quot;&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 宋體;">把鼠標(biāo)移到上面</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both; text-indent: 12px;"><span style="font-family: 宋體;">&lt;/div&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both; text-indent: 12px;"><span style="font-family: 宋體;">&lt;script&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both; text-indent: 12px;"><span style="font-family: 宋體;">function mOver(obj){</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both; text-indent: 18px;"><span style="font-family: 宋體;">obj.innerHTML=&quot;</span><span style="font-family: 宋體;">謝謝&quot;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both; text-indent: 18px;"><span style="font-family: 宋體;">}</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both; text-indent: 18px;"><span style="font-family: 宋體;">function mOut(obj){</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both; text-indent: 18px;"><span style="font-family: 宋體;">obj.innerHTML=&quot;</span><span style="font-family: 宋體;">把鼠標(biāo)移到上面&quot;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both; text-indent: 18px;"><span style="font-family: 宋體;">}</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both; text-indent: 18px;"><span style="font-family: 宋體;">&lt;/script&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;/body&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;/html&gt;</span></p>&nbsp;</td></tr></tbody></table><p><br/></p>Wed, 28 Dec 2022 13:49:17 +0800通常通過javascript ,需要操作HTML元素http://m.371sports.com/post/152.html<p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong><span style="font-family: 宋體;">查找</span>HTML</strong><strong><span style="font-family: 宋體;">元素</span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong><span style="font-family: 宋體;"><img src="http://m.371sports.com/zb_users/upload/2022/12/202212281672206463297694.png" title="QQ圖片20220509195925.png" alt="QQ圖片20220509195925.png" width="541" height="281" style="width: 541px; height: 281px;"/></span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">通常通過javascript ,需要操作HTML元素,可以通過id、類名、標(biāo)簽名來尋找要操作的HTML元素</span></p><ol class="custom_num1 list-paddingleft-1" style="white-space: normal; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><li class="list-num-2-1 list-num1-paddingleft-1" style=""><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">1)<span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 9px; line-height: normal; font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: 宋體;">通過id來尋找HTML元素</span></p></li></ol><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">getElementByld(id)</span><span style="font-family: 宋體;">這個方法返回一個對象,這個對象對應(yīng)著document對象里一個獨(dú)一無二的元素。(實(shí)際上,document中的每個元素都是一個對象。利用DOM提供的方法能得到任何一個對象)節(jié)點(diǎn)上設(shè)置id屬性,id應(yīng)該設(shè)置為獨(dú)一無二的,但是你非得在html節(jié)點(diǎn)上加上兩個相同的id,chrome上只會返回第一個。一般說來,用不著為文檔里的每個元素都定義一個獨(dú)一無二的對象。DOM提供了另一個方法來獲取那些沒有id屬性的對象。</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="568" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background: rgb(217, 217, 217);">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;div &nbsp;id=&quot;demo&quot;&gt;Hello JavaScript&lt;/div&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;script&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">var &nbsp;x=document.getElementById(&quot;demo&quot;);</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">document.write(&quot;</span><span style="font-size: 13px; font-family: 宋體;">查找id=demo的元素內(nèi)容: &quot; + x.innerHTML );</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;/script&gt;</span></p>&nbsp;</td></tr></tbody></table><ol class="custom_num1 list-paddingleft-1" style="white-space: normal; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><li class="list-num-2-1 list-num1-paddingleft-1" style=""><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">2)<span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 9px; line-height: normal; font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: 宋體;">通過標(biāo)簽來尋找HTML元素</span></p></li></ol><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">getElementsByTagName();getElementsByTagName</span><span style="font-family: 宋體;">方法會返回一個對象數(shù)組,每個對象分別對應(yīng)著文檔里有著給定標(biāo)簽的一個元素。參數(shù)就是文檔的標(biāo)簽,比如body、ul、ui等標(biāo)簽。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">getElementsByTagName</span><span style="font-family: 宋體;">還可以傳遞通配符* ,它會返回文檔里的所有元素節(jié)點(diǎn),document.getElementsByTagName(“*”)。</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="568" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background: rgb(217, 217, 217);">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;div &nbsp;id=&quot;demo&quot;&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;p&gt;Hello &nbsp;JavaScript&lt;/p&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;p&gt;</span><span style="font-size: 13px; font-family: 宋體;">通過標(biāo)簽尋找HTML頁面中的元素&lt;/p&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;/div&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;script&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">var &nbsp;x=document.getElementById(&quot;demo&quot;);</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">var &nbsp;y=document.getElementByTagName(&quot;p&quot;);</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">document.write(&quot;</span><span style="font-size: 13px; font-family: 宋體;">通過標(biāo)簽p來尋找標(biāo)簽內(nèi)容: &quot; + y[0].innerHTML );</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;/script&gt;</span></p>&nbsp;</td></tr></tbody></table><ol class="custom_num1 list-paddingleft-1" style="white-space: normal; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><li class="list-num-2-1 list-num1-paddingleft-1" style=""><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">3)<span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 9px; line-height: normal; font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: 宋體;">通過類名找到HTML元素</span></p></li></ol><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">getElementsByClassName();getElementsByClassName()</span><span style="font-family: 宋體;">方法會返回一個對象數(shù)組,每個對象分別對應(yīng)著文檔里有著給定標(biāo)簽的一個元素。參數(shù)就是文檔的標(biāo)簽的class屬性值。</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="568" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background: rgb(217, 217, 217);">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;div&gt;Hello &nbsp;JavaScript&lt;/div&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;script&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">var x=document.getElementsByClassName(&quot;demo&quot;);</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">document.write(&quot;</span><span style="font-size: 13px; font-family: 宋體;">查找class=demo的元素內(nèi)容: &quot; + x[0].innerHTML );</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;/script&gt;</span></p>&nbsp;</td></tr></tbody></table><p><br/></p>Wed, 28 Dec 2022 13:47:27 +0800利用WebStorm開發(fā)工具及相應(yīng)素材資源體驗(yàn)完成“詹姆斯-卡梅隆介紹”網(wǎng)頁制作http://m.371sports.com/post/151.html<p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><img src="http://m.371sports.com/zb_users/upload/2022/11/202211021667358511820857.png" title="QQ圖片20221102103117.png" alt="QQ圖片20221102103117.png"/></span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">1.</span></strong><strong><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">任務(wù)描述</span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">利用WebStorm開發(fā)工具及相應(yīng)素材資源,在老師同步引導(dǎo)下體驗(yàn)完成“詹姆斯-卡梅隆介紹”網(wǎng)頁制作,最終效果如圖1-20所示。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 7px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp; 2.</span></strong><strong><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">任務(wù)目標(biāo)</span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">通過該頁面制作體驗(yàn),方便學(xué)生對HTML標(biāo)記如何工作有基本的感覺,包括理解網(wǎng)頁元素和屬性,觀看瀏覽器如何解釋HTML文檔,學(xué)習(xí)HTML文檔的基本結(jié)構(gòu),初看樣式表使用等。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="text-indent: 34px;"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp; &nbsp;&nbsp;<strong>3.</strong></span></span><strong style="text-indent: 34px;"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">實(shí)施步驟</span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp; &nbsp; (1)</span><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">創(chuàng)建項(xiàng)目</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 35px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">啟動WebStorm創(chuàng)建工程,并建立”kml.html”文件,創(chuàng)建文件夾”images”,項(xiàng)目與文檔結(jié)構(gòu)效果如圖1-18所示。</span><span style="text-align: center;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span class="ans-img-wrap" id="ext-gen1045" style="padding: 0px; border: none; max-width: 100%; text-indent: 0px;"><img src="https://p.ananas.chaoxing.com/star3/origin/7843ba7ce3927389bc0e4f85356748df.png" width="640" height="339" title="1-18.png" id="ext-gen1046" style="border: none; padding: 0px; max-width: 100%;"/></span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 35px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">圖1-18 創(chuàng)建項(xiàng)目</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 35px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">(2)</span><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">輸入頁面內(nèi)容</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">在&lt;body&gt;&lt;/body&gt;中輸入頁面元素內(nèi)容,輸入代碼內(nèi)容如下,代碼輸入完成后,點(diǎn)擊瀏覽器圖標(biāo)</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">查看運(yùn)行結(jié)果,效果如圖1-19所示。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="color: #111111; font-family: 宋體; text-align: center;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 例1-6&nbsp; kml.html</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;"><br/><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;!doctype html&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;html&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;head&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp;&lt;title&gt;</span><span style="font-family: 宋體; color: #111111;">卡梅隆&lt;/title&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp;&lt;meta charset=&quot;utf-8&quot;&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;/head&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;body&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp;&lt;h1&gt;&lt;img &nbsp;src=&quot;images\Cameron.jpg&quot; alt=&quot;picture&quot;/&gt;</span></p><p style="overflow-wrap: break-word; clear: both; text-indent: 36px;"><span style="font-family: 宋體; color: #111111;">詹姆斯-卡梅隆</span>&nbsp;</p><p style="overflow-wrap: break-word; clear: both; text-indent: 36px;"><span style="font-family: 宋體; color: #111111;">&lt;/h1&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;h2&gt;</span></p><p style="overflow-wrap: break-word; clear: both; text-indent: 18px;"><span style="font-family: 宋體; color: #111111;">代表作:《終結(jié)者》、《泰坦尼克號》、《阿凡達(dá)》、《真實(shí)的謊言》等</span></p><p style="overflow-wrap: break-word; clear: both; text-indent: 30px;"><span style="font-family: 宋體; color: #111111;">&lt;/h2&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;p&gt;</span><span style="font-family: 宋體; color: #111111;">評價: 他在拍攝地是個苛求、專橫的“暴君”;在家庭中是個不會體貼并且見異思遷的丈夫;在好萊塢同行看來,卡梅隆是一個偏執(zhí)狂和燒錢的機(jī)器。但不能否認(rèn),卡梅隆是個天才。卡梅隆不僅能創(chuàng)造奇跡般的電影票房更是能將商業(yè)與藝術(shù)并駕齊驅(qū)。他的作品往往討論人與技術(shù)之間的關(guān)系,令人反思。唯有詹姆斯?卡梅隆才敢在奧斯卡典禮上喊出那句“我是世界之王”因?yàn)樗钱?dāng)之無愧的世界之王。&lt;/p&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;/body&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;/html&gt;</span></p>&nbsp;</td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span class="ans-img-wrap" id="ext-gen1047" style="padding: 0px; border: none; max-width: 100%; text-indent: 0px;"><img src="https://p.ananas.chaoxing.com/star3/origin/037d9558e04364be81fd94fbf0028aac.png" width="640" height="346" title="1-19.png" id="ext-gen1048" style="border: none; padding: 0px; max-width: 100%;"/></span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 35px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">圖1-19 詹姆斯-卡梅隆介紹網(wǎng)頁</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 35px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">(3)</span><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">添加css樣式</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">在&lt;head&gt;&lt;/head&gt;標(biāo)記內(nèi)添加樣式標(biāo)記&lt;style&gt;&lt;/style&gt;,并在其中輸入樣式內(nèi)容,輸入代碼內(nèi)容如下,代碼輸入完成后,點(diǎn)擊瀏覽器圖標(biāo)</span><img width="52px" height="16px" src="https://mooc1.xueyinonline.com/ananas/ueditor/themes/default/images/spacer.gif" word_img="file:///C:\Users\ADMINI~1\AppData\Local\Temp\msohtmlclip1\01\clip_image002.png" style="border: 1px solid rgb(221, 221, 221); padding: 0px; max-width: 100%; background: url(&quot;/ananas/ueditor/themes/default/images/word.gif&quot;) center center no-repeat;"/><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">查看運(yùn)行結(jié)果,效果如圖1-20所示。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">例1-6&nbsp; kml.html</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);">&nbsp;</p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;!doctype &nbsp;html&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;html&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;head&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp;&lt;title&gt;</span><span style="font-family: 宋體; color: #111111;">卡梅隆&lt;/title&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp;&lt;meta charset=&quot;utf-8&quot;&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp;&lt;style type=&quot;text/css&quot;&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;body{</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; background-color:#E0E0E0;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; font-family: sans-serif;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; }</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;h1{</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; color: #2A1959;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; border-bottom: 2px solid #2A1959;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; }</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;h2{</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; color: #474B94;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; font-size: 1.2em;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; }</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;h2,p{</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; margin-left: 120px;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; }</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp;&lt;/style&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;/head&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;body&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp;&lt;h1&gt;&lt;img src=&quot;images\Cameron.jpg&quot; &nbsp;alt=&quot;picture&quot;/&gt;</span></p><p style="overflow-wrap: break-word; clear: both; text-indent: 36px;"><span style="font-family: 宋體; color: #111111;">詹姆斯-卡梅隆</span></p><p style="overflow-wrap: break-word; clear: both; text-indent: 36px;"><span style="font-family: 宋體; color: #111111;">&lt;/h1&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h2&gt;</span></p><p style="overflow-wrap: break-word; clear: both; text-indent: 18px;"><span style="font-family: 宋體; color: #111111;">代表作:《終結(jié)者》、《泰坦尼克號》、《阿凡達(dá)》、《真實(shí)的謊言》等</span></p><p style="overflow-wrap: break-word; clear: both; text-indent: 30px;"><span style="font-family: 宋體; color: #111111;">&lt;/h2&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p&gt;</span><span style="font-family: 宋體; color: #111111;">評價: 他在拍攝地是個苛求、專橫的“暴君”;在家庭中是個不會體貼并且見異思遷的丈夫;在好萊塢同行看來,卡梅隆是一個偏執(zhí)狂和燒錢的機(jī)器。但不能否認(rèn),卡梅隆是個天才。卡梅隆不僅能創(chuàng)造奇跡般的電影票房更是能將商業(yè)與藝術(shù)并駕齊驅(qū)。他的作品往往討論人與技術(shù)之間的關(guān)系,令人反思。唯有詹姆斯?卡梅隆才敢在奧斯卡典禮上喊出那句“我是世界之王”因?yàn)樗钱?dāng)之無愧的世界之王。&lt;/p&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;/body&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;/html&gt;</span></p></td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">(4)</span><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">在谷哥瀏覽器中瀏覽文件,最終效果如圖1-20所示。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span class="ans-img-wrap" id="ext-gen1049" style="padding: 0px; border: none; max-width: 100%; text-indent: 0px;"><img src="https://p.ananas.chaoxing.com/star3/origin/f0352e550ca854bc302d20a0a9e39bf8.png" width="640" height="346" title="1-20.png" id="ext-gen1050" style="border: none; padding: 0px; max-width: 100%;"/></span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">圖1-20詹姆斯-卡梅隆介紹網(wǎng)頁</span></p><p><br/></p>Wed, 02 Nov 2022 11:07:21 +0800HTML5文檔頭部相關(guān)標(biāo)記 http://m.371sports.com/post/150.html<p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><img src="http://m.371sports.com/zb_users/upload/2022/11/202211021667356827803438.png" title="QQ圖片20221102103127.png" alt="QQ圖片20221102103127.png"/></span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">制作網(wǎng)頁時,經(jīng)常需要設(shè)置頁面的基本信息,如頁面的標(biāo)題、作者、和其他文檔的關(guān)系等。為此HTML提供了一系列的標(biāo)記,這些標(biāo)記通常都寫在&lt;head&gt;標(biāo)記內(nèi),因此被稱為頭部相關(guān)標(biāo)記。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">1</span></strong><strong><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">.&lt;title&gt;&lt;/title&gt;標(biāo)記</span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&lt;title&gt;</span><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">標(biāo)記用于定義HTML頁面的標(biāo)題,即給網(wǎng)頁取一個名字,必須位于&lt;head&gt;標(biāo)記之內(nèi)。一個HTML文檔只能含有一對&lt;title&gt;標(biāo)記,&lt;title&gt;之間的內(nèi)容將顯示在瀏覽器窗口的標(biāo)題欄中。其基本語法格式如下:</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;">&nbsp; &lt;title&gt;<span style="font-family: 宋體; color: #111111;">網(wǎng)頁標(biāo)題名稱&lt;/title&gt;</span><br/></td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">了解了頁面標(biāo)題標(biāo)記&lt;title&gt;,下面通過一個簡單的案例來演示&lt;title&gt;標(biāo)記的用法,如例1-3,效果如圖1-16所示。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 84px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: justify;"><span style="font-family: 宋體;">&nbsp; &nbsp; &nbsp;例</span>1-3&nbsp;&nbsp; example03.htm</p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;">&nbsp; &lt;!doctype html&gt;<br/><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;html&gt;</span>&nbsp;</p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;head&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &lt;title&gt;</span><span style="font-family: 宋體; color: #111111;">卡梅隆&lt;/title&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &lt;meta &nbsp;charset=&quot;utf-8&quot;&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;/head&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;body&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">詹姆斯-卡梅隆</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">代表作:《終結(jié)者》、《泰坦尼克號》、《阿凡達(dá)》、《真實(shí)的謊言》等</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">評價: 他在拍攝地是個苛求、專橫的“暴君”;在家庭中是個不會體貼</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">并且見異思遷的丈夫;在好萊塢同行看來,卡梅隆是一個偏執(zhí)狂和燒錢的機(jī)器。</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">但不能否認(rèn),卡梅隆是個天才。</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;/body&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;/html&gt;</span></p></td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span class="ans-img-wrap" id="ext-gen1049" style="padding: 0px; border: none; max-width: 100%; text-indent: 0px;"><img src="https://p.ananas.chaoxing.com/star3/origin/77be2ab8144db9eedc2df93391a27d98.png" width="640" height="192" title="1-16.png" id="ext-gen1050" style="border: none; padding: 0px; max-width: 100%;"/></span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">圖1-16設(shè)置網(wǎng)頁標(biāo)題標(biāo)記</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">2. &nbsp;&lt;meta /&gt;</span></strong><strong><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">標(biāo)記</span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&lt;meta/&gt;</span><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">標(biāo)記用于定義頁面的元信息,可重復(fù)出現(xiàn)在&lt;head&gt;頭部標(biāo)記中,在HTML中是一個單標(biāo)記。&lt;meta /&gt;標(biāo)記本身不包含任何內(nèi)容,通過“名稱/值”的形式成對的使用其屬性可定義頁面的相關(guān)參數(shù),例如為搜索引擎提供網(wǎng)頁的關(guān)鍵字、作者姓名、內(nèi)容描述,以及定義網(wǎng)頁的刷新時間等。&lt;meta /&gt;標(biāo)記常用的幾組設(shè)置,具體語法格式如下:</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;"><p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體; color: #111111;">&lt;meta name=&quot;</span><span style="font-size: 13px; font-family: 宋體; color: #111111;">名稱&quot; &nbsp;content=&quot;值&quot; /&gt;</span></p></td></tr><tr><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;">&nbsp; &lt;meta http-equiv=&quot;<span style="font-size: 13px; font-family: 宋體; color: #111111;">名稱&quot; &nbsp;content=&quot;值&quot; /&gt;</span><br/></td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">例如以下設(shè)置代碼:</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體; color: #111111;">(1)設(shè)置網(wǎng)頁關(guān)鍵字代碼:&lt;meta name=&quot;keywords&quot; content=&quot;java培訓(xùn)&quot; /&gt;</span></p></td></tr><tr><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;"><br/><p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體; color: #111111;">(2)設(shè)置網(wǎng)頁描述代碼:&lt;meta name=&quot;description&quot; content=&quot;IT培訓(xùn)&quot; /&gt;</span></p></td></tr><tr><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體; color: #111111;">(3)設(shè)置字符集格式代碼:</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體; color: #111111;">&lt;meta &nbsp;http-equiv=&quot;Content-Type&quot; content=&quot;text/html; &nbsp;charset=utf-8&quot; /&gt;</span></p></td></tr><tr><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體; color: #111111;">(4)設(shè)置頁面自動刷新與跳轉(zhuǎn):</span></p><p style="overflow-wrap: break-word; clear: both;">&nbsp; &lt;meta &nbsp;http-equiv=&quot;refresh&quot; &nbsp;content=&quot;10;url=http://www.itcast.cn&quot; /&gt;</p><p style="overflow-wrap: break-word; clear: both;">下面通過一個案例1-4來演示&lt;meta /&gt;標(biāo)記的用法,如例1-4所示。</p></td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="color: #111111; font-family: 宋體;"><br/>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;例1-4&nbsp; example04.htm</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;">&nbsp; &lt;!doctype html&gt;<br/><p style="overflow-wrap: break-word; clear: both;">&nbsp; &lt;html&gt;&nbsp;</p><p style="overflow-wrap: break-word; clear: both;">&nbsp; &lt;head&gt;&nbsp;</p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &lt;title&gt;meta</span><span style="font-family: 宋體; color: #111111;">標(biāo)記使用&lt;/title&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp; &nbsp; &lt;meta charset=&quot;utf-8&quot;&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp; &nbsp; &lt;meta name=&quot;keywords&quot; content=&quot;java</span><span style="font-family: 宋體; color: #111111;">培訓(xùn),.net培訓(xùn),PHP培訓(xùn),C/C++培訓(xùn),iOS培訓(xùn),網(wǎng)頁設(shè)計培訓(xùn),平面設(shè)計培訓(xùn),UI設(shè)計培訓(xùn)&quot; &nbsp;/&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp; &nbsp; &lt;meta name=&quot;description&quot; content=&quot;IT</span><span style="font-family: 宋體; color: #111111;">培訓(xùn)的龍頭老大,口碑最好的java培訓(xùn)、.net培訓(xùn)、php培訓(xùn)、C/C++培訓(xùn),iOS培訓(xùn),網(wǎng)頁設(shè)計培訓(xùn),平面設(shè)計培訓(xùn),UI設(shè)計培訓(xùn)機(jī)構(gòu),問天下java培訓(xùn)、.net培訓(xùn)、php培訓(xùn)、C/C++培訓(xùn),iOS培訓(xùn),網(wǎng)頁設(shè)計培訓(xùn),平面設(shè)計培訓(xùn),UI設(shè)計培訓(xùn)機(jī)構(gòu)誰與爭鋒? &quot; /&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp; &nbsp; &nbsp;&lt;meta http-equiv=&quot;refresh&quot; &nbsp;content=&quot;10;url=http://www.itcast.cn&quot; /&gt;</span>&nbsp;</p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;/head&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;body&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;/body&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;/html&gt;</span></p></td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">3.&lt;link&gt;</span></strong><strong><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">標(biāo)記</span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">一個頁面往往需要多個外部文件的配合,在&lt;head&gt;中使用&lt;link&gt;標(biāo)記可引用外部文件,一個頁面允許使用多個&lt;link&gt;標(biāo)記引用多個外部文件。其基本語法格式如下:</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;"><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; &nbsp;href=&quot;style.css&quot; /&gt;</span></p></td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&lt;link&gt;</span><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">標(biāo)記常用屬性,如表1-1所示:</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="color: #111111; font-family: 宋體; text-align: center;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;表1-1&nbsp; link標(biāo)記常用屬性</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="73" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center;"><span style="font-family: 宋體; color: #111111;">屬性名</span></p>&nbsp;</td><td width="94" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center;"><span style="font-family: 宋體; color: #111111;">常用屬性值</span></p>&nbsp;</td><td width="302" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center;"><span style="font-family: 宋體; color: #111111;">描述</span></p>&nbsp;</td></tr><tr><td width="73" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center;"><span style="font-family: 宋體; color: #111111;">href</span></p>&nbsp;</td><td width="94" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center;"><span style="font-family: 宋體; color: #111111;">URL</span></p>&nbsp;</td><td width="302" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">指定引用外部文檔的地址</span></p>&nbsp;</td></tr><tr><td width="73" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center;"><span style="font-family: 宋體; color: #111111;">rel</span></p>&nbsp;</td><td width="94" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center;"><span style="font-family: 宋體; color: #111111;">stylesheet</span></p>&nbsp;</td><td width="302" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">指定當(dāng)前文檔與引用外部文檔的關(guān)系,該屬性值通常為stylesheet,表示定義一個外部樣式表</span></p>&nbsp;</td></tr><tr><td width="73" style="border-top: none; border-right-color: windowtext; border-bottom: none; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center;"><span style="font-family: 宋體; color: #111111;">type</span></p>&nbsp;</td><td width="94" style="border-top: none; border-right-color: windowtext; border-bottom: none; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center;"><span style="font-family: 宋體; color: #111111;">text/css</span></p>&nbsp;</td><td width="302" style="border-width: initial; border-style: none; border-color: initial; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">引用外部文檔的類型為CSS樣式表</span></p>&nbsp;</td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">4.&lt;style&gt;&lt;/style&gt;</span></strong><strong><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">標(biāo)記</span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&lt;style&gt;</span><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">標(biāo)記用于為HTML文檔定義樣式信息,位于&lt;head&gt;頭部標(biāo)記中,其基本語法格式如下:</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;style&nbsp;</span><span style="font-family: 宋體; color: #111111;">屬性=”屬性值”&gt;樣式內(nèi)容&lt;/style&gt;</span></p>&nbsp;</td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">在HTML中使用style標(biāo)記時,常常定義其屬性為type,相應(yīng)的屬性值為text/css,表示使用內(nèi)嵌式的CSS樣式。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">下面通過案例1-5來演示&lt;style&gt;標(biāo)記的用法,最終效果如圖1-17所示。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">例1-5&nbsp; example05.htm</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;!doctype html&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;html&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&lt;head&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &lt;meta &nbsp;charset=&quot;utf-8&quot;&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &lt;title&gt;style</span><span style="font-family: 宋體; color: #111111;">標(biāo)記的使用&lt;/title&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &lt;style &nbsp;type=&quot;text/css&quot;&gt;</span></p><p style="overflow-wrap: break-word; clear: both; text-indent: 49px;"><span style="font-family: 宋體; color: #111111;">&nbsp;h2{color:red;}</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;p{color:blue;}</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &lt;/style&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&lt;/head&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&lt;body&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &lt;h2&gt;</span><span style="font-family: 宋體; color: #111111;">設(shè)置h2標(biāo)題為紅色字體&lt;/h2&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp; &nbsp; &nbsp;&lt;p&gt;</span><span style="font-family: 宋體; color: #111111;">設(shè)置p段落為藍(lán)色字體&lt;/p&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&lt;/body&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp; &lt;/html&gt;</span></p>&nbsp;</td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span class="ans-img-wrap" id="ext-gen1051" style="padding: 0px; border: none; max-width: 100%; text-indent: 0px;"><img src="https://p.ananas.chaoxing.com/star3/origin/8e116a9c17d6e4bfbe9e28ffda4d2be5.png" width="640" height="247" title="1-17.png" id="ext-gen1052" style="border: none; padding: 0px; max-width: 100%;"/></span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">圖1-17 style標(biāo)記</span></p><p><br/></p>Wed, 02 Nov 2022 10:39:31 +0800国产韩日影视精品_中文字幕一区二区三区在线不卡_久久亚洲综合色一区二区三区 _国产成人久久久
精品国产91乱高清在线观看| 日韩一级二级三级| 欧美精品久久久久久久免费观看| 婷婷视频在线播放| 久久精品在线视频| 国产精品久久久午夜夜伦鲁鲁| 一级特黄aaaaaa大片| 欧美精品日韩在线| 亚洲高清福利视频| 国产麻豆成人精品| 欧美精品乱码久久久久久按摩| 亚洲不卡中文字幕| 99热精品在线播放| 亚洲国产91精品在线观看| 亚洲福利视频久久| 亚洲精品高清在线观看| 国产va免费精品高清在线观看| 免费av在线一区| 亚洲天堂视频一区| 亚洲一区二区精品3399| 天天成人综合网| 久久国产精品国语对白| 中文字幕精品国产| 国产精品日韩在线播放| 国产在线一卡二卡| 国v精品久久久网| 国产成人中文字幕| 日韩 国产 欧美| 亚洲国产sm捆绑调教视频| 欧日韩不卡在线视频| 日韩欧美亚洲国产另类| 亚洲一区精品在线| 国产网站无遮挡| 一区二区三区在线免费| av免费在线不卡| 亚洲精品久久久久中文字幕欢迎你 | 精品不卡在线| 日韩欧美精品三级| 欧美精品aⅴ在线视频| 国产精品sm调教免费专区| 中文字幕精品国产| 日韩在线高清视频| 亚洲免费中文字幕| 日本一区二区三区视频在线播放| 亚洲狠狠婷婷综合久久久久图片| 五月天久久比比资源色| 黄色福利在线观看| 欧美日韩国产专区| 欧美日韩国产黄色| 亚洲美女www午夜| 精品少妇一区二区| 亚洲欧洲三级| 中文字幕日韩综合av| 精品国产网站地址| 中文字幕五月欧美| 久久久精品高清| 91麻豆精品国产91久久久更新时间| 亚洲不卡免费视频| 99在线热播| 精品制服美女久久| 精品国产xxx| 高清不卡日本v二区在线| 日韩精品在线视频| 99视频在线观看视频| 欧美日韩三级一区二区| 精品国产乱码久久久久久影片| 国产成人精品日本亚洲专区61| 日韩精品在线免费播放| 久久99中文字幕| 欧美电影影音先锋| 国产高清不卡二三区| 天堂资源在线视频| 久久亚洲精品欧美| 欧美精品日日鲁夜夜添| 国产麻豆视频精品| 欧美大片在线观看一区二区| 欧美精品一区三区在线观看| 午夜精品久久一牛影视| 亚洲欧洲日韩国产| 日本中文字幕第一页| 91精品久久久久久久久| 亚洲视频一区在线| 精品三级在线看| 久久久综合久久| 精品国产综合| 97精品国产97久久久久久粉红 | 欧美日韩一级黄| www.久久久久久| 日韩啊v在线| 欧美精品久久天天躁| 9l国产精品久久久久麻豆| 久久精品99久久久久久| 久久精品国产亚洲精品| 视频一区不卡| 欧美三级中文字幕在线观看| 亚洲一区二区视频在线观看| 最近中文字幕日韩精品| 亚洲天堂网一区| 久久婷婷综合色| 国产三级精品在线观看| 久久福利视频网| 欧美精品手机在线| 日韩久久不卡| 日本亚洲欧洲精品| 丁香六月激情婷婷| 91精品国产色综合久久不卡电影 | 亚洲精品视频三区| 久久久久久综合网| 国产高潮久久久| 久久精品久久精品国产大片| 久久久综合av| 国产一区喷水v| 久久99久久久久久久噜噜| 亚洲.欧美.日本.国产综合在线| 91精品国产欧美日韩| 亚洲大片精品永久免费| 国产欧美日韩中文久久| 国产成人精品三级| 亚洲精品高清在线| 亚洲欧美国产精品专区久久 | 亚洲一区二区精品| 午夜精品久久一牛影视| 精品国产999| 91精品中文字幕一区二区三区| 91精品在线免费观看| 91精品在线国产| 久久天天躁狠狠躁夜夜躁2014| 韩国日本不卡在线| 久久久久香蕉视频| 欧美日韩在线三级| 日本视频一区二区不卡| 日韩中文视频免费在线观看| 久久偷窥视频| 蜜桃av.com| 欧美日韩一卡二卡| 久久久精品日韩欧美| 日韩欧美国产视频| 欧美在线一区二区三区四| 国产欧美久久久精品免费| 午夜国产福利在线观看| 精品久久久久久综合日本欧美| 中文字幕日韩精品在线| 精品美女国产在线| 日韩一二区视频| 国产三级在线观看视频| 欧美精品一区二区在线观看| 国产一区三区三区| 欧美一级免费大片| 国产99对白在线播放| 国产偷亚洲偷欧美偷精品| 亚洲大片免费看| 日本一区二区三区在线视频| 国产午夜精品理论片| 亚洲欧洲在线免费| 欧美疯狂做受xxxx富婆| 国产综合欧美在线看| 精品久久人人做人人爽| 亚洲成av人片一区二区| 日韩在线观看成人| 日韩三区在线观看| 欧美日韩国产区| 99精品在线视频观看| 国产真实乱子伦精品视频| 国产va免费精品高清在线观看| 久久精品视频久久| 欧美国产日韩a欧美在线观看| 欧美在线视频一区二区| 一区二区在线观看免费视频| 成人精品免费看| 日韩在线观看你懂的| 精品国产乱码久久久久久影片| 色香色香欲天天天影视综合网| 美女在线免费视频| 国产专区欧美精品| 欧美精品在线免费| 在线播放日韩av| 日韩国产一区久久| 91蜜桃视频在线| 久久久91精品国产| 亚洲精品久久久久中文字幕二区| 日韩在线国产精品| 一区二区三区在线播放欧美| 亚洲a成v人在线观看| 在线观看一区不卡| 亚洲资源视频| 国产一区不卡在线| 99久久99精品| 婷婷开心久久网| 日韩精品xxx| 欧美精品九九99久久| 欧美日韩在线三级| 无码av天堂一区二区三区| 中文字幕欧美精品在线| 91精品中文字幕| 91精品久久久久久久99蜜桃| 亚洲福利视频久久| 国产区精品在线观看| 欧美性xxxxx| 亚洲国产欧美久久| 91精品在线视频观看|