本文將為大家詳細(xì)介紹“HTML5中Placeholder屬性有什么用”，內(nèi)容步驟清晰詳細(xì)，細(xì)節(jié)處理妥當(dāng)，而小編每天都會更新不同的知識點(diǎn)，希望這篇“HTML5中Placeholder屬性有什么用”能夠給你意想不到的收獲，請大家跟著小編的思路慢慢深入，具體內(nèi)容如下，一起去收獲新知識吧。

創(chuàng)新互聯(lián)建站專注于企業(yè)成都全網(wǎng)營銷推廣、網(wǎng)站重做改版、巴林右旗網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5高端網(wǎng)站建設(shè)、電子商務(wù)商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為巴林右旗等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

html是什么

html的全稱為超文本標(biāo)記語言，它是一種標(biāo)記語言，包含了一系列標(biāo)簽．通過這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個(gè)邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說明文字，圖形、動畫、聲音、表格、鏈接等，主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁。

                                                       Placeholder(占位符) 是 HTML5 新增的一個(gè) HTML 屬性，用來對可輸入字段的期望值提供提示信息，目前已經(jīng)得到主流瀏覽器的廣泛支持，使用方式非常簡單：

該屬性適用于 </code> 多行文本框和 <code>type</code> 屬性值為 text, password, search, tel, url 或者 email 等的 <code><input></code>。</p><p><img src="/upload/otherpic60/60385e4ee5000.png" alt="HTML5中Placeholder屬性有什么用"></p><h4>自定義樣式</h4><p>如果想改變 placeholder 的默認(rèn)呈現(xiàn)樣式，應(yīng)該使用 <code>::placeholder</code> 偽元素選擇器，不過當(dāng)前還沒有瀏覽器支持，因此只能根據(jù)不同瀏覽器的不同實(shí)現(xiàn)方式分別定義：</p><pre>::-webkit-input-placeholder { /* Chrome/Safari/Opera */   color: green;}::-moz-placeholder { /* Firefox 19+ */   color: green;}:-ms-input-placeholder { /* IE 10+ 注意這里只有一個(gè)冒號 */   color: green;}</pre><p>為什么樣式要分別定義呢，如果像下面這樣組合到一起：</p><pre>::-webkit-input-placeholder,::-moz-placeholder {   color: green;}</pre><p>不應(yīng)該把針對不同瀏覽器的選擇器寫在一起，這樣寫會因?yàn)闊o法識別的選擇器而造成這整個(gè)規(guī)則集被忽略(當(dāng)然，像類似 IE 7 這種具有超強(qiáng)錯誤處理能力的瀏覽器除外，不過這里和 IE 7 沒什么關(guān)系)。</p><h4>Firefox 定義方式的改變</h4><p>如果需要兼容老版本的 Firefox 瀏覽器，還需要添加下面這種只有一個(gè)冒號的樣式規(guī)則：</p><pre>:-moz-placeholder { /* Firefox 4 - 18 */   color: green;}</pre><p>因?yàn)閺?Firefox 19 開始一個(gè)冒號的偽類定義方式 <code>:-moz-placeholder</code> 被廢棄了，切換為兩個(gè)冒號的偽元素定義方式。與此同時(shí)，它還添加了一個(gè)默認(rèn)的 <code>opacity: 0.54</code> 不透明度樣式，如果需要，可以覆蓋掉該樣式，否則文字是半透明的：</p><pre>::-moz-placeholder {   color: green;   opacity: 1;}</pre><h4>偽類和偽元素</h4><p>偽類和偽元素有什么區(qū)別呢？偽類可以理解為給某個(gè)元素添加了一個(gè)類，比如 <code>:first-child</code> 偽類，選擇第一個(gè)子元素：</p><pre>p:first-child {   font-size: 16px;}</pre><p>也可以理解為元素當(dāng)前的狀態(tài)，同樣也可以通過添加一個(gè)真正的 class 來實(shí)現(xiàn)類似效果：</p><pre>p.first-child {   font-size: 16px;}</pre><p>無論是偽類還是真正的類，樣式都是直接添加到 <code><p></code> 元素上的。</p><p>而偽元素可以理解為添加了一個(gè)虛擬的元素。比如 <code>p:before</code> 偽元素，可以像下面這個(gè)偽代碼這樣理解：</p><pre><before>p:before</before><p>paragraph</p></pre><p>這里 <code><p></code> 元素和 <code>p:before</code> 可以理解為是兩個(gè)不同的元素。如果被繞暈了，沒關(guān)系，畢竟這不是本文的重點(diǎn)，更多偽元素與偽類的信息可以參考 Pseudo-classes - CSS | MDN 和 Pseudo-elements - CSS | MDN</p><h4>關(guān)于偽類選擇器引發(fā)的問題</h4><p>因?yàn)?IE 瀏覽器使用的是偽類 <code>:-ms-input-placeholder</code> 選擇器來定義 placeholder 的樣式，實(shí)際上樣式是作用于文本輸入框的，如果另外還有針對文本輸入框的選擇器特殊性更高的樣式規(guī)則，將會覆蓋掉該樣式，參考下面代碼：</p><pre>input:-ms-input-placeholder { /* 0, 0, 1, 1 */   color: green;}#username { /* 0, 1, 0, 0 */   color: blue;}</pre><p>注釋中的數(shù)字用來表示該選擇器的特殊性。</p><p>上面兩個(gè)樣式規(guī)則當(dāng)中使用 ID 選擇器的特殊性更高，所以在 IE 10/11 中測試會看到 placeholder 顯示為藍(lán)色，與期望的有點(diǎn)不一樣。同樣使用偽類選擇器的舊版本 Firefox 也會出現(xiàn)這個(gè)問題，因此，在書寫樣式的時(shí)候需要特別注意，實(shí)在搞不定，別忘了還有 <code>!important</code> 規(guī)則可以用。其它使用兩個(gè)冒號的偽元素選擇器的瀏覽器不會出現(xiàn)這個(gè)問題，例如：</p><pre>input::-webkit-input-placeholder { /* 0, 0, 0, 2 */   color: green;}#username { /* 0, 1, 0, 0 */   color: blue;}</pre><p>上面兩個(gè)樣式規(guī)則互相之間不會影響，使用 Chrome 測試 placeholder 的顏色為綠色。</p><p>關(guān)于選擇器的特殊性可以參考拙作CSS選擇器特殊性與重要性。</p><h4>讓行為保持一致</h4><p>雖然樣式是可以自定義了，不過在行為上還有些差異，在 Chrome 和 Firefox 中當(dāng)文本輸入框輸入內(nèi)容時(shí) placeholder 才會消失，清除內(nèi)容時(shí)又會顯示出來；而在 IE 中則是當(dāng)文本輸入框獲取焦點(diǎn)時(shí) placeholder 就消失了，失去焦點(diǎn)同時(shí)沒有輸入內(nèi)容時(shí)才會重新顯示。如果希望在 Chrome 和 Firefox 等瀏覽器中實(shí)現(xiàn)獲取焦點(diǎn)就消失的效果，可以借助 <code>:focus</code> 偽類選擇器來將 placeholder 的文本顏色設(shè)置為透明：</p><pre>:focus::-webkit-input-placeholder {   color: transparent;}</pre><p>當(dāng)文本輸入框獲取焦點(diǎn)時(shí)，placeholder 的顏色被設(shè)置為透明，感官上就好像消失一樣。</p><h4>JavaScript</h4><p>獲取或者修改 placeholder 的內(nèi)容直接獲取或者修改對應(yīng)文本輸入框的 <code>placeholder</code> 屬性的值就行了：</p><pre>$('input').attr('placeholder', 'Please enter your name');</pre><p>So easy，媽媽再也不用擔(dān)心我寫代碼了。不過，想要像普通 DOM 元素那樣通過 javaScript 獲取偽元素對象直接操作估計(jì)很難，目前可以使用 <code>window.getComputedStyle()</code> 方法來得到其樣式屬性，該方法的第二個(gè)參數(shù)是一個(gè)偽元素：</p><pre>window.getComputedStyle(document.getElementById('username'),   '::-moz-placeholder').getPropertyValue('color'); // "rgb(0, 255, 0)"</pre><p>如果要通過 JavaScript 來修改 placeholder 偽元素的樣式的話比較好的一種方式是預(yù)先定義好幾種不同的樣式：</p><pre>.style-1::-moz-placeholder {   color: green;}.style-2::-moz-placeholder {   color: red;}</pre><p>然后通過切換文本輸入框的 <code>class</code> 屬性來實(shí)現(xiàn)修改樣式的目的：</p><pre>$('input').addClass('style-2').removeClass('style-1');</pre><p>另外也可以通過直接添加樣式規(guī)則來實(shí)現(xiàn)。</p><h4>Polyfill</h4><p>對于不支持該屬性的瀏覽器，會簡單地忽略掉。原則上，placeholder 僅僅是用來對期望的輸入起個(gè)提示的作用，對于不支持的瀏覽器在可用性上不受任何影響。如果需要兼容，那么應(yīng)該使用特性檢測的方式，針對不支持的瀏覽器使用 Polyfill，對于支持的瀏覽器來說，原生的當(dāng)然是最好。</p><p>判斷瀏覽器是否支持 <code><input></code> 元素的 <code>placeholder</code> 屬性，可以引入 Modernizr 庫來判斷：</p><pre>if (!Modernizr.input.placeholder) {   // 做點(diǎn)什么事}</pre><p>也可以自己寫判斷，簡單易行的辦法就是生成一個(gè) <code><input></code> 元素對象，并判斷該元素對象是否具有 <code>placeholder</code> 屬性：</p><pre>'placeholder' in document.createElement('input')</pre><p>同理，對于 <code><textarea></code> 元素也是一樣：</p><pre>'placeholder' in document.createElement('textarea')</pre><p>另外，Opera Mini 明明不支持 placeholder 屬性，卻裝成自己很懂的樣子。這時(shí)候可以使用客戶端檢測技術(shù)來將之排除掉，Opera Mini 的 window 對象包含一個(gè) operamini 對象：</p><pre>({}).toString.call(window.operamini) === '[object OperaMini]'</pre><p>結(jié)合起來就是這樣：</p><pre>if (!('placeholder' in document.createElement('input'))  || ({}).toString.call(window.operamini) === '[object OperaMini]') {   // 做點(diǎn)什么事}</pre><p>在編寫 Polyfill 的時(shí)候應(yīng)該盡量與原生功能保持一致，我這里選擇向 IE 的方式看齊，即當(dāng)文本輸入框獲取或失去焦點(diǎn)的時(shí)候處理 placeholder 是否顯示，將文本輸入框的 <code>value</code> 值設(shè)置為 <code>placeholder</code> 的值來模擬顯示 placeholder 的狀態(tài)。再添加上事件處理程序，當(dāng)文本輸入框獲取焦點(diǎn)時(shí)如果 <code>value</code> 的值為 placeholder 則清空文本輸入框；當(dāng)文本輸入框失去焦點(diǎn)時(shí)如果 <code>value</code> 值為空則將 placeholder 的內(nèi)容賦給它，同時(shí)當(dāng) placeholder 顯示的時(shí)候應(yīng)該給文本輸入框添加一個(gè) <code>class="placeholder"</code> 用來設(shè)置樣式以區(qū)別是顯示的 placeholder 和還是顯示的普通 value：</p><pre>// 做點(diǎn)什么事$('input[placeholder]').on('focus', function() {   var $this = $(this);   if (this.value === $this.attr('placeholder') && $this.hasClass('placeholder')) {     this.value = '';     $this.removeClass('placeholder');   }}).on('blur', function() {   var $this = $(this);   if (this.value === '') {     $this.addClass('placeholder');     this.value = $this.attr('placeholder');   }});</pre><p>這只是一個(gè)簡單的模擬實(shí)現(xiàn)，實(shí)際上還有很多需要處理的情況。</p><h5>處理密碼輸入框</h5><p>如果需要處理 placeholder 的是個(gè)密碼輸入框，它的 <code>value</code> 值會顯示為圓點(diǎn)之類的字符，呈現(xiàn)幾個(gè)莫名其妙的圓點(diǎn)來作為 placeholder 提示恐怕不妥，因此需要特殊對待一下，將密碼輸入框拷貝一份出來然后修改其 <code>type</code> 屬性為 'text' 來替代顯示 placeholder，并把原本的密碼輸入框隱藏：</p><pre>$('input[placeholder]').on('blur', function() {   var $this = $(this);   var $replacement;   if (this.value === '') { // 失去焦點(diǎn)時(shí)值為空則顯示 placeholder     if (this.type === 'password') {       $replacement = $this.clone().attr('type', 'text');       $replacement.data('placeholder-password', $this);       // 替代顯示的文本輸入框獲取焦點(diǎn)時(shí)將它刪掉，并且重新顯示原來的密碼輸入框       $replacement.on('focus', function() {         $(this).data('placeholder-password').show().focus();         $(this).remove();       });       $this.after($replacement).hide();       $this = $replacement;     }     $this.addClass('placeholder');     $this[0].value = $this.attr('placeholder');   }});</pre><p>對于 IE 8 來說它不支持修改 input 元素的 type 屬性，使用 jQuery 的 .attr() 方法來修改的話只會默默地失敗。此時(shí)，可以新建一個(gè)文本輸入框，然后把密碼輸入框上的屬性賦給這個(gè)新建的文本輸入框：</p><pre>try {   $replacement = $this.clone().prop('type', 'text'); // 使用 .prop() 方法在 IE 8 下會報(bào)錯} catch(e) {   $replacement = $('<input>').attr({     'type': 'text',     'class': this.className // 還可以賦予 id, name 等屬性   });}</pre><p>需要注意的是 id 和 name 屬性不要重復(fù)了，可以先用一個(gè)變量保存下來，再用 .removeAttr() 方法來刪除屬性。</p><h5>處理表單提交</h5><p>當(dāng)表單提交的時(shí)候應(yīng)該將那些正在顯示 placeholder 的文本輸入框過濾掉，畢竟沒有必要將那些沒有用的數(shù)據(jù)提交給<a title="服務(wù)器" target="_blank" >服務(wù)器</a>，在提交時(shí)候?qū)⒛切┪谋据斎肟虻?<code>value</code> 值設(shè)為空，提交之后再恢復(fù)成顯示 placeholder 的狀態(tài)：</p><pre>$(document).on('submit', 'form', function() {   var $input = $('.placeholder', this);   $input.each(function() {     this.value = '';   });   setTimeout(function() {     $input.each(function() {       this.value = $(this).attr('placeholder');     });   }, 10);});</pre><h5>離開頁面時(shí)</h5><p>當(dāng)用戶離開頁面時(shí)也需要清空正在顯示 placeholder 的文本輸入框，防止瀏覽器記住文本輸入框當(dāng)前的值，這里可以給 window 對象綁定一個(gè) <code>beforeunload</code> 事件來處理：</p><pre>$(window).on('beforeunload', function() {   $('.placeholder').each(function() {     this.value = '';   });});</pre><p>另外還需要考慮的問題：</p><ul><li><p>使用代碼給一個(gè)文本輸入框賦值時(shí)，應(yīng)該同時(shí)處理 placeholder 的狀態(tài)。</p></li><li><p>使用代碼獲取一個(gè)正在顯示 placeholder 的文本輸入框的值的時(shí)候應(yīng)該得到的是一個(gè)空字符串。</p></li></ul><p>如此多的問題也就是說無論 Polyfill 寫到如何極致，都很難與原生的功能相提并論，因此推薦的方式使用特性檢測技術(shù)僅針對不支持的瀏覽器做 Polyfill，而 Polyfill 的功能應(yīng)盡可能地向原生功能看齊。</p><h4>總結(jié)</h4><p>將所有樣式總結(jié)起來：</p><pre>input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {   color: #999;}input::-moz-placeholder, textarea::-moz-placeholder {   color: #999;   opacity: 1;}input:-ms-input-placeholder, textarea:-ms-input-placeholder {   color: #999;}.placeholder {   color: #999;}input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {   color: transparent;}input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {   color: transparent;}</pre><p>Polyfill 可以直接使用這個(gè) jQuery 插件 mathiasbynens/jquery-placeholder，已經(jīng)相當(dāng)完善了。</p><p>如果你能讀到這里，小編希望你對“HTML5中Placeholder屬性有什么用”這一關(guān)鍵問題有了從實(shí)踐層面最深刻的體會，具體使用情況還需要大家自己動手實(shí)踐使用過才能領(lǐng)會，如果想閱讀更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！</p> <br> 分享題目：HTML5中Placeholder屬性有什么用 <br> 文章源于：<a href="http://weahome.cn/article/jsoehd.html">http://weahome.cn/article/jsoehd.html</a> </div> </div> </div> <div id="squ6kqw" class="other container"> <h3>其他資訊</h3> <ul> <li> <a href="/article/sjgjd.html">微軟將于9月15日舉辦獨(dú)立游戲秋季發(fā)表會</a> </li><li> <a href="/article/sjiig.html">怎么提高英語水平(如何提高英語口語能力)</a> </li><li> <a href="/article/sjjco.html">歐洲服務(wù)器租用哪家便宜？高性價(jià)比歐洲服務(wù)器</a> </li><li> <a href="/article/sjjce.html">企業(yè)為什么要建立自己的網(wǎng)站</a> </li><li> <a href="/article/sjgis.html">諸葛亮為什么自己不去守街亭馬謖兵敗時(shí)諸葛亮在做什么</a> </li> </ul> </div> <div id="squ6kqw" class="footer"> <div id="squ6kqw" class="foota container"> <div id="squ6kqw" class="foot_nav fl col-lg-8 col-md-8 col-sm-12 col-xs-12"> <ul> <li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <h3>網(wǎng)站制作</h3> <a target="_blank">網(wǎng)站制作</a><a target="_blank">梓潼網(wǎng)站制作公司</a><a target="_blank">成都網(wǎng)站制作</a><a target="_blank">手機(jī)網(wǎng)站制作</a><a target="_blank">綿陽網(wǎng)站制作</a><a target="_blank">定制網(wǎng)站制作</a> </li> <li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <h3>企業(yè)服務(wù)</h3> <a target="_blank">成都網(wǎng)站維護(hù)</a><a target="_blank">互聯(lián)網(wǎng)信息經(jīng)營許可證</a><a target="_blank">藥房許可證</a><a target="_blank">軟文平臺</a><a target="_blank">鏈接買賣</a><a target="_blank">廣播電視節(jié)目制作許可證</a> </li> <li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <h3>網(wǎng)站建設(shè)</h3> <a target="_blank">網(wǎng)站建設(shè)公司</a><a target="_blank">梓潼網(wǎng)站建設(shè)</a><a href="http://weahome.cn/" target="_blank">重慶網(wǎng)站建設(shè)</a><a target="_blank">營銷型網(wǎng)站建設(shè)</a><a target="_blank">網(wǎng)站建設(shè)改版</a><a target="_blank">成都網(wǎng)站建設(shè)公司</a> </li> <li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <h3>服務(wù)器托管</h3> <a target="_blank">重慶服務(wù)器托管</a><a target="_blank">成都光華機(jī)房</a><a target="_blank">成都機(jī)柜租用</a><a target="_blank">貴陽三線機(jī)房</a><a target="_blank">服務(wù)器托管機(jī)柜</a><a target="_blank">綿陽服務(wù)器托管</a> </li> </ul> </div> <div id="squ6kqw" class="footar fl col-lg-4 col-md-4 col-sm-12 col-xs-12"> <p>全國免費(fèi)咨詢:</p> <b>400-028-6601</b> <p>業(yè)務(wù)咨詢：028-86922220 / 13518219792</p> <p>節(jié)假值班：18980820575 / 13518219792</p> <p>聯(lián)系地址：成都市太升南路288號錦天國際A幢1002號</p> </div> </div> <div id="squ6kqw" class="footb"> <div id="squ6kqw" class="copy container"> <div id="squ6kqw" class="fl">Copyright ? 成都創(chuàng)新互聯(lián)科技有限公司重慶分公司 <a target="_blank">渝ICP備2021005571號</a></div> <!--<div id="squ6kqw" class="fr"><a target="_blank">成都網(wǎng)站建設(shè)</a>：<a target="_blank">創(chuàng)新互聯(lián)</a></div>--> </div> </div> <div id="squ6kqw" class="link"> <div id="squ6kqw" class="container"> 友情鏈接:： <a target="_blank">成都網(wǎng)站建設(shè)</a> <a target="_blank">重慶網(wǎng)站建設(shè)</a> <a href="">四川網(wǎng)站建設(shè)</a> <a href="">重慶建設(shè)網(wǎng)站</a> <a target="_blank">移動服務(wù)器托管</a> <a target="_blank">成都服務(wù)器托管</a> <a target="_blank">云服務(wù)器</a> <a target="_blank">廣告設(shè)計(jì)制作</a> <a target="_blank">重慶網(wǎng)頁設(shè)計(jì)</a> <a target="_blank">重慶做網(wǎng)站</a> <a target="_blank">重慶網(wǎng)站制作</a> <a href="">重慶網(wǎng)站建設(shè)</a> <a href="">重慶網(wǎng)站公司</a> <a href="">渝中網(wǎng)站制作</a> <a href="">重慶網(wǎng)站設(shè)計(jì)</a> </div> </div> </div> <div id="squ6kqw" class="foot"> <ul class="public-celan"> <li> <a target="_blank" class="a1 db tc"> <img src="/Public/Home/img/icon-23.png" alt="" class="db auto"> <span id="squ6kqw" class="span-txt">在線咨詢</span> </a> </li> <li> <a href="tel:18980820575" class="a1 db tc"> <img src="/Public/Home/img/icon-24.png" alt="" class="db auto"> <span id="squ6kqw" class="span-txt">電話咨詢</span> </a> </li> <li> <a target="_blank" href="tencent://message/?uin=1683211881&Site=&Menu=yes" class="a1 db tc"> <img src="/Public/Home/img/icon-25.png" alt="" class="db auto"> <span id="squ6kqw" class="span-txt">QQ咨詢</span> </a> </li> <li> <a target="_blank" href="tencent://message/?uin=532337155&Site=&Menu=yes" class="a1 db tc public-yuyue-up"> <img src="/Public/Home/img/icon-26.png" alt="" class="db auto"> <span id="squ6kqw" class="span-txt">預(yù)約顧問</span> </a> </li> </ul> </div> <div id="squ6kqw" class="customer"> <dl class="icon1"> <dt> <a href="tencent://message/?uin=1683211881&Site=&Menu=yes"> <i class="iconT"><img src="/Public/Home/img/QQ.png" alt=""></i> <p>在線咨詢</p> </a> </dt> </dl> <dl class="icon2"> <dt><i><img src="/Public/Home/img/weixin.png" alt=""></i><p>微信咨詢</p></dt> <dd><img src="/Public/Home/img/ewm.png"></dd> </dl> <dl class="icon3"> <dt><i><img src="/Public/Home/img/dianhua.png" alt=""></i><p>電話咨詢</p></dt> <dd> <p>028-86922220（工作日）</p> <p>18980820575（7×24）</p> </dd> </dl> <dl class="icon4"> <dt class="sShow"> <a href="tencent://message/?uin=244261566&Site=&Menu=yes"> <i><img src="/Public/Home/img/dengji.png" alt=""></i><p>提交需求</p> </a> </dt> </dl> <dl class="icon5"> <dt class="gotop"> <a href="#top"> <i><img src="/Public/Home/img/top.png" alt=""></i><p>返回頂部</p> </a> </dt> </dl> </div> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://weahome.cn/" title="真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆">真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆</a> <div class="friend-links"> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="ixsv5" class="pl_css_ganrao" style="display: none;"><big id="ixsv5"></big><mark id="ixsv5"><em id="ixsv5"><optgroup id="ixsv5"></optgroup></em></mark><strong id="ixsv5"></strong><blockquote id="ixsv5"></blockquote><dfn id="ixsv5"><strong id="ixsv5"></strong></dfn><ins id="ixsv5"><ul id="ixsv5"><table id="ixsv5"><strong id="ixsv5"></strong></table></ul></ins><ul id="ixsv5"></ul><tbody id="ixsv5"></tbody><dfn id="ixsv5"><nav id="ixsv5"></nav></dfn><i id="ixsv5"><cite id="ixsv5"><span id="ixsv5"><dl id="ixsv5"></dl></span></cite></i><label id="ixsv5"></label><abbr id="ixsv5"></abbr><legend id="ixsv5"><p id="ixsv5"></p></legend><strike id="ixsv5"></strike><input id="ixsv5"><object id="ixsv5"></object></input><i id="ixsv5"><source id="ixsv5"></source></i><small id="ixsv5"><nobr id="ixsv5"></nobr></small><thead id="ixsv5"><samp id="ixsv5"><meter id="ixsv5"></meter></samp></thead><menuitem id="ixsv5"></menuitem><big id="ixsv5"></big><tbody id="ixsv5"><pre id="ixsv5"><p id="ixsv5"></p></pre></tbody><nobr id="ixsv5"><optgroup id="ixsv5"></optgroup></nobr><rp id="ixsv5"></rp><dl id="ixsv5"></dl><em id="ixsv5"></em><label id="ixsv5"><i id="ixsv5"><source id="ixsv5"><legend id="ixsv5"></legend></source></i></label><nobr id="ixsv5"><listing id="ixsv5"><label id="ixsv5"></label></listing></nobr><cite id="ixsv5"></cite><acronym id="ixsv5"></acronym><strike id="ixsv5"></strike><dl id="ixsv5"></dl><abbr id="ixsv5"></abbr><object id="ixsv5"><strong id="ixsv5"></strong></object><big id="ixsv5"></big><optgroup id="ixsv5"></optgroup><em id="ixsv5"></em><legend id="ixsv5"></legend><xmp id="ixsv5"><thead id="ixsv5"><option id="ixsv5"><listing id="ixsv5"></listing></option></thead></xmp><tt id="ixsv5"></tt><strike id="ixsv5"></strike><strike id="ixsv5"></strike><dl id="ixsv5"><source id="ixsv5"><wbr id="ixsv5"><td id="ixsv5"></td></wbr></source></dl><big id="ixsv5"><rp id="ixsv5"><small id="ixsv5"><noframes id="ixsv5"></noframes></small></rp></big><acronym id="ixsv5"><abbr id="ixsv5"><th id="ixsv5"></th></abbr></acronym><s id="ixsv5"><rt id="ixsv5"><legend id="ixsv5"></legend></rt></s><font id="ixsv5"></font><sub id="ixsv5"></sub><meter id="ixsv5"><dfn id="ixsv5"><var id="ixsv5"><source id="ixsv5"></source></var></dfn></meter><li id="ixsv5"></li><sub id="ixsv5"><dl id="ixsv5"><acronym id="ixsv5"></acronym></dl></sub><del id="ixsv5"></del><progress id="ixsv5"></progress><var id="ixsv5"></var><td id="ixsv5"></td><td id="ixsv5"><big id="ixsv5"><samp id="ixsv5"></samp></big></td><tbody id="ixsv5"><label id="ixsv5"><i id="ixsv5"></i></label></tbody><ol id="ixsv5"><tbody id="ixsv5"></tbody></ol><div id="ixsv5"></div><samp id="ixsv5"><delect id="ixsv5"><th id="ixsv5"></th></delect></samp><listing id="ixsv5"><label id="ixsv5"><label id="ixsv5"></label></label></listing><thead id="ixsv5"></thead><address id="ixsv5"></address><tr id="ixsv5"><optgroup id="ixsv5"><sup id="ixsv5"></sup></optgroup></tr><center id="ixsv5"></center><button id="ixsv5"><delect id="ixsv5"><noframes id="ixsv5"><u id="ixsv5"></u></noframes></delect></button><input id="ixsv5"></input><dl id="ixsv5"><tbody id="ixsv5"><meter id="ixsv5"><menuitem id="ixsv5"></menuitem></meter></tbody></dl><em id="ixsv5"><optgroup id="ixsv5"><li id="ixsv5"><noscript id="ixsv5"></noscript></li></optgroup></em><th id="ixsv5"><ol id="ixsv5"></ol></th><sub id="ixsv5"></sub><progress id="ixsv5"></progress><rt id="ixsv5"></rt><abbr id="ixsv5"></abbr><noframes id="ixsv5"><abbr id="ixsv5"><form id="ixsv5"><video id="ixsv5"></video></form></abbr></noframes><var id="ixsv5"></var><abbr id="ixsv5"><label id="ixsv5"><pre id="ixsv5"></pre></label></abbr><mark id="ixsv5"><output id="ixsv5"></output></mark><p id="ixsv5"><strike id="ixsv5"><big id="ixsv5"></big></strike></p><div id="ixsv5"></div><label id="ixsv5"></label><button id="ixsv5"></button><strong id="ixsv5"><p id="ixsv5"></p></strong><div id="ixsv5"><blockquote id="ixsv5"></blockquote></div><optgroup id="ixsv5"></optgroup><legend id="ixsv5"></legend><form id="ixsv5"></form><abbr id="ixsv5"><label id="ixsv5"><pre id="ixsv5"></pre></label></abbr><dfn id="ixsv5"></dfn><xmp id="ixsv5"></xmp><address id="ixsv5"></address><blockquote id="ixsv5"><b id="ixsv5"><small id="ixsv5"><optgroup id="ixsv5"></optgroup></small></b></blockquote><mark id="ixsv5"></mark><abbr id="ixsv5"></abbr><ul id="ixsv5"><center id="ixsv5"><abbr id="ixsv5"></abbr></center></ul><meter id="ixsv5"></meter><div id="ixsv5"><big id="ixsv5"><tbody id="ixsv5"></tbody></big></div><noframes id="ixsv5"><nav id="ixsv5"><label id="ixsv5"></label></nav></noframes><dfn id="ixsv5"><table id="ixsv5"></table></dfn><strike id="ixsv5"><big id="ixsv5"><b id="ixsv5"><small id="ixsv5"></small></b></big></strike><u id="ixsv5"></u><address id="ixsv5"></address><xmp id="ixsv5"><tt id="ixsv5"></tt></xmp><input id="ixsv5"><s id="ixsv5"><pre id="ixsv5"></pre></s></input><wbr id="ixsv5"></wbr><delect id="ixsv5"></delect><small id="ixsv5"></small><th id="ixsv5"></th><s id="ixsv5"><i id="ixsv5"></i></s><form id="ixsv5"></form><td id="ixsv5"></td><ins id="ixsv5"><font id="ixsv5"><pre id="ixsv5"><option id="ixsv5"></option></pre></font></ins><bdo id="ixsv5"><i id="ixsv5"></i></bdo><sup id="ixsv5"><dl id="ixsv5"><code id="ixsv5"><legend id="ixsv5"></legend></code></dl></sup><kbd id="ixsv5"></kbd><dd id="ixsv5"></dd><dd id="ixsv5"></dd><blockquote id="ixsv5"></blockquote><s id="ixsv5"><dl id="ixsv5"><tr id="ixsv5"></tr></dl></s><pre id="ixsv5"><rp id="ixsv5"><tbody id="ixsv5"></tbody></rp></pre><font id="ixsv5"></font><thead id="ixsv5"></thead><font id="ixsv5"></font><dl id="ixsv5"></dl><menuitem id="ixsv5"></menuitem><pre id="ixsv5"><xmp id="ixsv5"><thead id="ixsv5"><b id="ixsv5"></b></thead></xmp></pre><ul id="ixsv5"><nobr id="ixsv5"><optgroup id="ixsv5"><var id="ixsv5"></var></optgroup></nobr></ul><sup id="ixsv5"><small id="ixsv5"><output id="ixsv5"><tt id="ixsv5"></tt></output></small></sup><video id="ixsv5"></video><label id="ixsv5"><label id="ixsv5"><object id="ixsv5"></object></label></label><dfn id="ixsv5"></dfn><dfn id="ixsv5"><abbr id="ixsv5"></abbr></dfn><noscript id="ixsv5"><dl id="ixsv5"><em id="ixsv5"><button id="ixsv5"></button></em></dl></noscript><address id="ixsv5"></address><form id="ixsv5"><nobr id="ixsv5"></nobr></form><strong id="ixsv5"></strong><dl id="ixsv5"><dd id="ixsv5"><blockquote id="ixsv5"><rp id="ixsv5"></rp></blockquote></dd></dl><ins id="ixsv5"></ins><ul id="ixsv5"><form id="ixsv5"></form></ul><kbd id="ixsv5"><abbr id="ixsv5"><var id="ixsv5"><label id="ixsv5"></label></var></abbr></kbd><i id="ixsv5"></i><optgroup id="ixsv5"><tt id="ixsv5"></tt></optgroup><style id="ixsv5"></style><object id="ixsv5"></object><tbody id="ixsv5"></tbody><tt id="ixsv5"><mark id="ixsv5"></mark></tt><acronym id="ixsv5"></acronym><small id="ixsv5"><abbr id="ixsv5"><table id="ixsv5"><strong id="ixsv5"></strong></table></abbr></small><ruby id="ixsv5"><button id="ixsv5"><b id="ixsv5"><ins id="ixsv5"></ins></b></button></ruby><menuitem id="ixsv5"><b id="ixsv5"><ins id="ixsv5"></ins></b></menuitem><strike id="ixsv5"></strike></div> </html> <script> $(".con img").each(function(){ var src = $(this).attr("src"); //獲取圖片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //絕對路徑 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>