我前通過《js操作常見表單字段disabled、form、 name、readOnly、tabIndex等屬性方法》介紹form中共有字段屬性disabled、form、name、readOnly、tabIndex、type、value及blur、change、focus事件應用方法及注意事項,接下我們詳細介紹表單中第一個元素，也是常用的元素文本輸入框的詳細使用方法。
? ? ? ?在 HTML 中，有兩種方式來表現文本框：一種是使用元素的單行文本框，另一種是使用 的多行文本框。這兩個控件非常相似，而且多數時候的行為也差不多。不過，它們之間仍 然存在一些重要的區別。<br /> ? ? ? ?要表現文本框，必須將<input>元素的 type 特性設置為"text"。而通過設置 size 特性，可以指 定文本框中能夠顯示的字符數。通過 value 特性，可以設置文本框的初始值，而 maxlength 特性則用 于指定文本框可以接受的大字符數。如果要創建一個文本框，讓它能夠顯示 25 個字符，但輸入不能 超過 50個字符，可以使用以下代碼：?<br /> ? ? ? ?<input type="text" size="25" maxlength="50" value="initial value"><br /> ? ? ? ?相對而言，<textarea>元素則始終會呈現為一個多行文本框。要指定文本框的大小，可以使用 rows 和 cols 特性。其中，rows 特性指定的是文本框的字符行數，而 cols 特性指定的是文本框的字符列數 （類似于<inpu>元素的 size 特性）。與<input>元素不同，<textarea>的初始值必須要放在 <textarea>和之間，如下面的例子所示。?
? ? ? ?initial value?
? ? ? ?另一個與的區別在于，不能在 HTML中給指定大字符數。<br /> ? ? ? ?無論這兩種文本框在標記中有什么區別，但它們都會將用戶輸入的內容保存在 value 屬性中。可 以通過這個屬性讀取和設置文本框的值，如下面的例子所示：?<br /> ? ? ? ?var textbox = document.forms[0].elements["textbox1"]; alert(textbox.value);?<br /> ? ? ? ?textbox.value = "Some new value";?<br /> ? ? ? ?我們建議讀者像上面這樣使用 value 屬性讀取或設置文本框的值，南昌網站建設公司百恒網絡前端開發工程師不建議使用標準的 DOM方法。 換句話說，不要使用 setAttribute()設置<input>元素的 value 特性，也不要去修改<textarea> 元素的第一個子節點。原因很簡單：對 value 屬性所作的修改，不一定會反映在 DOM中。因此，在處 理文本框的值時，好不要使用 DOM方法。?<br /> <strong>選擇文本</strong><br /> ? ? ? ?上述兩種文本框都支持 select()方法，這個方法用于選擇文本框中的所有文本。在調用 select() 方法時，大多數瀏覽器（Opera 除外）都會將焦點設置到文本框中。這個方法不接受參數，可以在任何 時候被調用。下面來看一個例子。?<br /> ? ? ? ? var textbox = document.forms[0].elements["textbox1"];<br /> ? ? ? ?textbox.select();?<br /> ? ? ? ?在文本框獲得焦點時選擇其所有文本，這是一種非常常見的做法，特別是在文本框包含默認值的時 候。因為這樣做可以讓用戶不必一個一個地刪除文本。下面展示了實現這一操作的代碼。?<br /> ? ? ? ? EventUtil.addHandler(window, "load", function(event){<br /> ? ? ? ? ? ? ? var textbox = document.forms[0].elements[0];?<br /> ? ? ? ?EventUtil.addHandler(textbox, "focus", function(event){<br /> ? ? ? ? ? ? ? event = EventUtil.getEvent(event);<br /> ? ? ? ? ? ? ? var target = EventUtil.getTarget(event);<br /> ? ? ? ? ? ? ? ? ? ? ?target.select();<br /> ? ? ? ? ? ? ? });<br /> ? ? ? ? ? ? ? ? ? ? ? textbox.focus();<br /> ? ? ? ? ? ? ? });?<br /> <br /> ? ? ? ?將上面的代碼應用到文本框之后，只要文本框獲得焦點，就會選擇其中所有的文本。這種技術能夠 較大幅度地提升表單的易用性。?<br /> ? ? ? ?<strong>1. 選擇（select）事件</strong><br /> ? ? ? ?與 select()方法對應的，是一個 select 事件。在選擇了文本框中的文本時，就會觸發 select 事件。不過，到底什么時候觸發 select 事件，還會因瀏覽器而異。在 IE9+、Opera、Firefox、Chrome 和 Safari中，只有用戶選擇了文本（而且要釋放鼠標），才會觸發 select 事件。而在 IE8及更早版本中，?<br /> ? ? ? ?只要用戶選擇了一個字母（不必釋放鼠標），就會觸發 select 事件。另外，在調用 select()方法時也 會觸發 select 事件。下面是一個簡單的例子。?<br /> ? ? ? ?var textbox = document.forms[0].elements["textbox1"];<br /> ? ? ? ? EventUtil.addHandler(textbox, "select", function(event){<br /> ? ? ? ? var alert("Text selected" + textbox.value);?<br /> ? ? ? ?});?<br /> ? ? ? ?<strong>2. 取得選擇的文本</strong><br /> ? ? ? ?雖然通過select事件我們可以知道用戶什么時候選擇了文本，但仍然不知道用戶選擇了什么文本。 HTML5 通過一些擴展方案解決了這個問題，以便更順利地取得選擇的文本。該規范采取的辦法是添加 兩個屬性：selectionStart 和 selectionEnd。這兩個屬性中保存的是基于 0 的數值，表示所選擇 文本的范圍（即文本選區開頭和結尾的偏移量）。因此，要取得用戶在文本框中選擇的文本，可以使用 如下代碼。?<br /> ? ? ? ?function getSelectedText(textbox){?<br /> ? ? ? ? ? ? ? return textbox.value.substring(textbox.selectionStart, textbox.selectionEnd);<br /> ? ? ? ? ? ? ? }?<br /> ? ? ? ?因為 substring()方法基于字符串的偏移量執行操作，所以將 selectionStart 和 selectionEnd 直接傳給它就可以取得選中的文本。<br /> ? ? ? ?IE9+、Firefox、Safari、Chrome 和 Opera 都支持這兩個屬性。IE8 及之前版本不支持這兩個屬性， 而是提供了另一種方案。<br /> ? ? ? ?IE8 及更早的版本中有一個 document.selection 對象，其中保存著用戶在整個文檔范圍內選擇 的文本信息；也就是說，無法確定用戶選擇的是頁面中哪個部位的文本。不過，在與 select 事件一起 使用的時候，可以假定是用戶選擇了文本框中的文本，因而觸發了該事件。要取得選擇的文本，首先必 須創建一個范圍，然后再將文本從其中提取出來，如下面的例子所示。?<br /> ? ? ? ? function getSelectedText(textbox){<br /> ? ? ? ? ? ? ? if (typeof textbox.selectionStart == "number"){<br /> ? ? ? ? ? ? ? ? ? ? ?return textbox.value.substring(textbox.selectionStart,?<br /> ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?textbox.selectionEnd);?<br /> ? ? ? ? ? ? ? } else if (document.selection){<br /> ? ? ? ? ? ? ? ? ? ? ?return document.selection.createRange().text;<br /> ? ? ? ? ? ? ? }<br /> ? ? ? ?}<br /> ? ? ? ?這里修改了前面的函數，包括了在 IE中取得選擇文本的代碼。注意，調用 document.selection 時，不需要考慮 textbox 參數。<br /> ? ? ? ?<strong>3. 選擇部分文本</strong><br /> ? ? ? ? HTML5 也為選擇文本框中的部分文本提供了解決方案，即早由 Firefox 引入的 setSelectionRange()方法。現在除select()方法之外，所有文本框都有一個setSelectionRange() 方法。這個方法接收兩個參數：要選擇的第一個字符的索引和要選擇的后一個字符之后的字符的索引 （類似于 substring()方法的兩個參數）。來看一個例子。<br /> ? ? ? ?textbox.value = "Hello world!"?<br /> ? ? ? ?//選擇所有文本<br /> ? ? ? ?textbox.setSelectionRange(0, textbox.value.length); //"Hello world!"<br /> ? ? ? ?//選擇前 3 個字符?<br /> ? ? ? ?textbox.setSelectionRange(0, 3); //"Hel"<br /> ? ? ? ?//選擇第 4 到第 6 個字符?<br /> ? ? ? ?textbox.setSelectionRange(4, 7); //"o w"?<br /> ? ? ? ?要看到選擇的文本，必須在調用 setSelectionRange()之前或之后立即將焦點設置到文本框。 IE9、Firefox、Safari、Chrome和 Opera支持這種方案。?<br /> ? ? ? ?IE8及更早版本支持使用范圍（第 12章討論過）選擇部分文本。要選擇文本框中的部分文本，必須 首先使用 IE 在所有文本框上提供的 createTextRange()方法創建一個范圍，并將其放在恰當的位置 上。然后，再使用 moveStart()和 moveEnd()這兩個范圍方法將范圍移動到位。不過，在調用這兩個 方法以前，還必須使用 collapse()將范圍折疊到文本框的開始位置。此時，moveStart()將范圍的起 點和終點移動到了相同的位置，只要再給 moveEnd()傳入要選擇的字符總數即可。后一步，就是使 用范圍的 select()方法選擇文本，如下面的例子所示。?<br /> ? ? ? ?textbox.value = "Hello world!";?<br /> ? ? ? ?var range = textbox.createTextRange();?<br /> //選擇所有文本<br /> ? ? ? ? range.collapse(true);?<br /> ? ? ? ?range.moveStart("character", 0);?<br /> ? ? ? ?range.moveEnd("character", textbox.value.length); //"Hello world!"?<br /> ? ? ? ?range.select();?<br /> <br /> //選擇前 3 個字符?<br /> ? ? ? ?range.collapse(true);<br /> ? ? ? ? range.moveStart("character", 0);<br /> ? ? ? ? range.moveEnd("character", 3);<br /> ? ? ? ? range.select(); //"Hel"?<br /> <br /> //選擇第 4 到第 6 個字符<br /> ? ? ? ?range.collapse(true);?<br /> ? ? ? ?range.moveStart("character", 4);<br /> ? ? ? ? range.moveEnd("character", 3);?<br /> ? ? ? ?range.select(); //"o w"?<br /> ? ? ? ?與在其他瀏覽器中一樣，要想在文本框中看到文本被選擇的效果，必須讓文本框獲得焦點。 為了實現跨瀏覽器編程，可以將上述兩種方案組合起來，如下面的例子所示。?<br /> <br /> function selectText(textbox, startIndex, stopIndex){<br /> ? ? ? ? if (textbox.setSelectionRange){?<br /> ? ? ? ? ? ? ? textbox.setSelectionRange(startIndex, stopIndex);<br /> ? ? ? ? } else if (textbox.createTextRange){<br /> ? ? ? ? ? ? ? var range = textbox.createTextRange();?<br /> ? ? ? ? ? ? ?range.collapse(true);<br /> ? ? ? ? ? ? ?range.moveStart("character", startIndex);?<br /> ? ? ? ? ? ? ?range.moveEnd("character", stopIndex - startIndex);<br /> ? ? ? ? ? ? ?range.select(); }<br /> ? ? ? ? ? ? ?textbox.focus();?<br /> ? ? ? ?}?<br /> ? ? ? ?這個 selectText()函數接收三個參數：要操作的文本框、要選擇文本中第一個字符的索引和要選 擇文本中后一個字符之后的索引。首先，函數測試了文本框是否包含 setSelectionRange()方法。 如果有，則使用該方法。否則，檢測文本框是否支持 createTextRange()方法。如果支持，則通過創 建范圍來實現選擇。后一步，就是為文本框設置焦點，以便用戶看到文本框中選擇的文本。可以像下 面這樣使用 selectText()方法。?<br /> ? ? ? ?textbox.value = "Hello world!"<br /> ? ? ? ?//選擇所有文本?<br /> ? ? ? ?selectText(textbox, 0, textbox.value.length); //"Hello world!"<br /> ? ? ? ?//選擇前 3 個字符?<br /> ? ? ? ?selectText(textbox, 0, 3); //"Hel"<br /> ? ? ? ?//選擇第 4 到第 6 個字符 selectText(textbox, 4, 7); //"o w"?<br /> ? ? ? ?選擇部分文本的技術在實現高級文本輸入框時很有用，例如提供自動完成建議的文本框就可以使用 這種技術。?<br /> ? ?本文僅限內部技術人員學習交流,不得作于其他商業用途.希望此文對廣大技人員有所幫助。原創文章出自:南昌APP開發公司-百恒網絡 <a href="http://www.dgscpc.com/" target="_blank">http://www.dgscpc.com/</a> 如轉載請注明出處! </p> </div> </div> <div id="uiyucgg" class="article-pager"> <ul> <li id="2mg0ws2" class="article-top"><a href="http://www.dgscpc.com/article/1875.html"><span id="ymswuwm" class="icon icon-menu-left"></span> 上一篇</a></li> <li id="s20sa0a" class="article-back"><a href="http://www.dgscpc.com/knowledge/index.html"><span id="cewsaoc" class="icon icon-list"></span> 返回列表</a></li> <li id="mqow2im" class="article-next"><a href="http://www.dgscpc.com/article/1873.html">下一篇 <span id="yysyikk" class="icon icon-menu-right"></span></a></li> </ul> </div> <!--顯示大圖的DIV--> <div id="aaiu2yq" class="i-showpicture"> <div id="swcwceg" class="i-showpic-arrowleft"></div> <div id="ukgou2c" class="i-showpic-picbox"> <div id="qsyqmyk" class="i-showpic-div"></div> </div> <div id="sumgig2" class="i-showpic-arrowright"></div> <div id="u2igqgk" class="i-showpic-close animated"></div> <input type="hidden" value="0" id="pic-index"> </div> <!--結束--> <script type="text/javascript"> $(".article-content img").addClass("img-thumbnail"); $("body").on("click",".article-content img",function(e){ var cksub = 0; var $file = $(this).attr("src"); $(".i-showpic-pic").remove(); $("#pic-index").val(0); var w = $(window).width(); $(".i-showpic-picbox").css({"width":w+"px",'height':$(window).height()+'px'}); cmask(); var picObj = $(".article-content img"); if(picObj.length > 0) { $(".i-showpic-div").css({"width":w*picObj.length+"px",'height':$(window).height()+'px','left':0}); for(var i=0;i<picObj.length;i++) { if ($file == picObj.eq(i).attr('src')) cksub = i; $(".i-showpic-div").append('<div id="iwq2eiy" class="i-showpic-pic" style="width:'+w+'px;height:'+$(window).height()+'px;"><img src="'+picObj.eq(i).attr('src')+'" /></div>'); } setTimeout(function(){ for(var j=0;j<picObj.length;j++) { var imgs = picObj.eq(j).attr('src'); var image = new Image(); image.src = imgs; var pic_h = image.height; var pic_w = image.width; var h = parseInt($(window).height()); itop = 0; if( pic_h >= h ) { pic_w = ((h-50)/pic_h)*pic_w; pic_h = h-50; //高度 } itop = parseInt(parseInt(h-pic_h)/2); $(".i-showpic-pic").eq(j).find("img").css({"margin-top":itop+"px","width":pic_w+'px',"height":pic_h+'px','display':'block'}); if (cksub == j) { //選擇的圖片 $(".i-showpic-div").animate({"left":(0-w*(j))+"px"}); $("#pic-index").val(j); } } },400); } $(".i-showpic-arrowleft,.i-showpic-arrowright").show(); $(".i-showpicture").show(); }); //左右切換 $(".i-showpic-arrowright").click(function(e) { var w = $(window).width(); var i = parseInt($("#pic-index").val())+1; var l = $(".i-showpic-div .i-showpic-pic").length; if(i < l){ $(".i-showpic-div").animate({"left":(0-w*(i))+"px"}); $("#pic-index").val(i); } if (i==l){ $(".i-showpic-div").animate({"left":"0px"}); $("#pic-index").val(0); } }); $(".i-showpic-arrowleft").click(function(e) { var w = $(window).width(); var i = parseInt($("#pic-index").val())-1; if(i >= 0){ $(".i-showpic-div").animate({"left":(0-w*(i))+"px"}); $("#pic-index").val(i); } if ( $("#pic-index").val() == 0) { if($(".i-showpic-pic").length>2) { $(".i-showpic-div").animate({"left":(0-w*($(".i-showpic-pic").length-1))+"px"},500,function(){}); $("#pic-index").val($(".i-showpic-pic").length-1); } else if ($(".i-showpic-pic").length == 2 && (i+1) == 0){ $(".i-showpic-div").animate({"left":(0-w)+"px"},500,function(){}); $("#pic-index").val(1); } } }); //關閉大圖顯示器 $(document).on('click',function(e){ var target = $(e.target); if( target.closest(".i-showpic-picbox").length == 1 || target.closest(".i-showpic-arrowleft").length == 1 || target.closest(".i-showpic-arrowright").length == 1 || target.closest(".i-showpic").length == 1 || target.closest(".i-zoompic").length == 1 || target.closest(".article-content img").length == 1){ return false; } $(".cscreen").remove("*"); $(".i-showpicture").hide(300); }); $(".i-showpic-close").hover(function(e) { $(this).addClass('rotateIn'); },function(e){ $(this).removeClass('rotateIn'); }); </script> <div id="mwcwoeg" class="bh-footer"> <div id="ay2u0km" class="footer-main"> <div id="egcwiom" class="bh-smenu"> <a href="http://www.dgscpc.com/index.html">首頁</a> <a href="http://www.dgscpc.com/website/index.html">網站建設</a> <a href="http://www.dgscpc.com/apps/index.html">APP開發</a> <a href="http://www.dgscpc.com/promotion/index.html">全網營銷</a> <a href="http://www.dgscpc.com/software/index.html">軟件開發</a> <a href="http://www.dgscpc.com/case/index.html">經典案例</a> <a href="http://www.dgscpc.com/knowledge/index.html">網站知識</a> <a href="http://www.dgscpc.com/about/index.html">關于我們</a> <a href="http://www.dgscpc.com/contact/index.html">聯系我們</a> <a target="_blank" rel="nofollow">域名注冊</a> <a target="_blank" rel="nofollow">云服務器</a> <a target="_blank" rel="nofollow">虛擬主機</a> </div> <div id="wu2a20y" class="bh-copyright"> Copyright @ 2006-2025 http://www.dgscpc.com Inc. All Rights resreved. <a target="_blank" rel="nofollow"><img src="/public/home/images/icon/copyicon.png" style="position:relative; top:0px;" alt="贛公網安備案" title="贛公網安備案"> 贛公網安備36010902000406號</a> <a target="_blank" rel="nofollow">[贛ICP備17008688號-5]</a> <a href="/sitemap.xml" target="_blank" class="sitemap">網站地圖</a> <span id="mauo2uu" class="hide"><script type="text/javascript"> var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F290578c838837356a5dcbcbb971d7399' type='text/javascript'%3E%3C/script%3E")); </script></span>   <a rel="nofollow" target="_blank"> <span id="4m2yggi" class="icon icon-stats"></span> 百度統計</a>   <a rel="nofollow" target="_blank"><img src="/public/home/images/icon/css.png" style="position: relative; top: 0px;" height="21" alt="南昌百恒網絡公司通過W3C檢驗標準!" title="南昌百恒網絡公司通過W3C標準驗證!" /></a> </div> <div id="gwsmukk" class="bh-copyright">我們專注于<a href="http://www.dgscpc.com/website/index.html" target="_blank">南昌網站建設</a>，<a href="http://www.dgscpc.com/apps/index.html">南昌APP開發</a>，<a href="http://www.dgscpc.com/xcx/index.html" target="_blank">南昌小程序開發</a>，等一站式互聯網開發服務；<a href="http://www.dgscpc.com">南昌做網站</a>，<a href="http://www.dgscpc.com" target="_blank">南昌網絡公司</a>就找<a href="http://www.dgscpc.com/about/index.html" target="_blank">百恒網絡</a> </div> <div id="egag0oe" class="bh-shareicon"> <a href="" target="_blank"><div id="iiageuu" class="bh-sina" title="新浪微博"></div></a> <div id="gg20imo" class="bh-phone"> <div id="gseem20" class="bh-a-b"></div> <div id="2eowegs" class="bh-phonehide">400-680-9298,0791-88117053</div> </div> <div id="0iwqugu" class="bh-weixin" title="掃一掃關注百恒網絡微信公眾號"> <div id="u0uemew" class="bh-hideweixin"><img src="http://www.dgscpc.com/uploads/images/20211210/61b2c8180ee48.png" width="130" alt="掃一掃關注百恒網絡微信公眾號"></div> </div> <div id="cs0a0ww" class="bh-xiaochengxu" title="掃一掃打開百恒網絡小程序"> <div id="a2k0iac" class="bh-hidexiaochengxu"><img src="/public/home/images/weixin/bh-code.jpg" width="130" alt="掃一掃打開百恒網絡小程序"></div> </div> </div> </div> </div> <div id="m0s2euu" class="bh-fixright"> <a href="javascript:void(0);"><div id="kayc0sm" class="bh-fixqq" title="點擊QQ交談"></div></a> <div id="q20kqsk" class="bh-fixtel"> <div id="ymg2giy" class="bh-fixhide"></div> <div id="oou2mc0" class="bh-fixhidetel">400-680-9298,0791-88117053</div> </div> <a target="_blank"><div id="2o000oc" class="bh-baiduqiao" title="點擊在線咨詢"></div></a> <div id="4uyc00e" class="bh-fixweixin"> <div id="qcmuoo0" class="bh-fixweixinhide"> <img src="http://www.dgscpc.com/uploads/images/20211210/61b2c8180ee48.png" width="135" alt="掃一掃關注百恒網絡微信公眾號"> </div> </div> <div id="iku0koy" class="bh-fixxiaochengxu"> <div id="oa2qyya" class="bh-fixxiaochengxunhide"> <img src="/public/home/images/weixin/bh-code.jpg" width="135" alt="掃一掃打開百恒網絡小程序"> </div> </div> <div id="aowq0yo" class="bh-fixtop"></div> </div> <div id="suaucoc" class="bh-qiao"> <h2><span><font class="icon icon-comment"></font> 歡迎您的光顧，我們將竭誠為您服務</span><b>×</b></h2> <div id="iey200k" class="qiao-main"> <iframe name="qiao" id="qiaoview" scrolling="no" frameborder="0" width="100%" height="100%" src="/home/cases/bhloading.html"></iframe> </div> </div> <div id="2a0skyc" class="bh-qqonline"> <div id="20kgokm" class="bh-qq qq-success" title="點擊聯系我吧~"><a href="tencent://message/?uin=331355634&site=qq&menu=yes"><img src="/public/home/images/icon/qq-white-icon.png" height="16" alt="售前咨詢"> 售前咨詢</a></div> <div id="q2oyu0c" class="bh-qqline"> </div> <div id="2iouqqg" class="bh-qq qq-success" title="點擊聯系我吧~"><a href="tencent://message/?uin=810194011&site=qq&menu=yes"><img src="/public/home/images/icon/qq-white-icon.png" height="16" alt="售前咨詢"> 售前咨詢</a></div> <div id="y2sk0ew" class="bh-qqline"> </div> <div id="wk002oq" class="bh-qq qq-success" title="點擊聯系我吧~"><a href="tencent://message/?uin=2262512779&site=qq&menu=yes"><img src="/public/home/images/icon/qq-white-icon.png" height="16" alt="售前咨詢"> 售前咨詢</a></div> <div id="ui0mu0o" class="bh-qqline"> </div> <div id="kws20oq" class="bh-qq qq-success" title="點擊聯系我吧~"><a href="tencent://message/?uin=1935167009&site=qq&menu=yes"><img src="/public/home/images/icon/qq-white-icon.png" height="16" alt="售前咨詢"> 售前咨詢</a></div> <div id="eqykgig" class="bh-qqline"> </div> <div id="gwak22k" class="bh-qq qq-success" title="點擊聯系我吧~"><a href="tencent://message/?uin=1785863228&site=qq&menu=yes"><img src="/public/home/images/icon/qq-white-icon.png" height="16" alt="售前咨詢"> 售前咨詢</a></div> <div id="ocua2oc" class="bh-qqline"> </div> <div id="eqms2q2" class="bh-qq qq-info" title="點擊聯系我吧~"><a href="tencent://message/?uin=88246706&site=qq&menu=yes"><img src="/public/home/images/icon/qq-white-icon.png" height="16" alt="售后服務"> 售后服務</a></div> <div id="oo2a0ko" class="bh-qqline"> </div> <div id="qyciegk" class="bh-qq qq-info" title="點擊聯系我吧~"><a href="tencent://message/?uin=331355634&site=qq&menu=yes"><img src="/public/home/images/icon/qq-white-icon.png" height="16" alt="售后服務"> 售后服務</a></div> <div id="oqimeqs" class="bh-qqline"> </div> <div id="igauqwo" class="bh-qq qq-warning" title="點擊聯系我吧~"><a href="tencent://message/?uin=2878230710&site=qq&menu=yes"><img src="/public/home/images/icon/qq-white-icon.png" height="16" alt="備案專線"> 備案專線</a></div> <div id="gyqmimc" class="bh-qqline"> </div> <div id="eyqauiy" class="bh-qqclose" title="點我關閉哦">×</div> </div> <div id="ocsmgkc" class="bh-loading" title="數據加載中，請稍候..."> <div id="2sc0a0o" class="bh-loading-l"></div> <div id="mmqkeke" class="bh-loading-r"></div> <div id="cow2m4e" class="bh-loadin"></div> </div> <script type="text/javascript" src="/public/home/js/common.js?v=3.1.1"></script> <script> $.post('http://www.dgscpc.com/online/index.html', {}, function (res) {}, 'json'); </script> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://www.dgscpc.com/" title="日韩成人国产精品视频">日韩成人国产精品视频</a> <div class="friend-links"> </div> </div> </footer> <a href="http://qszhanlan.com" target="_blank">久久综合精品视频</a>| <a href="http://shirtitup.com" target="_blank">中文字幕精品一区二区三区视频</a>| <a href="http://xiexin888.com" target="_blank">亚洲国产精品成人AV在线</a>| <a href="http://chinaslx.com" target="_blank">日韩精品久久久肉伦网站</a>| <a href="http://yantaitieyi.com" target="_blank">久久国产精品久久</a>| <a href="http://cnzs168.com" target="_blank">91精品国产91久久久久福利</a>| <a href="http://driftwatches.com" target="_blank">亚洲国产婷婷综合在线精品</a>| <a href="http://tongzhenyingwen.com" target="_blank">人妻在线日韩免费视频</a>| <a href="http://lanvbo.com" target="_blank">国产精品女人在线观看</a>| <a href="http://cao887.com" target="_blank">337P日本欧洲亚洲大胆精品 </a>| <a href="http://simple-fan.com" target="_blank">在线观看免费精品国产</a>| <a href="http://avav166.com" target="_blank">亚洲精品无码成人片久久不卡</a>| <a href="http://497633.com" target="_blank">亚洲国产精品xo在线观看</a>| <a href="http://cfmfair.com" target="_blank">538精品在线视频</a>| <a href="http://day2music.com" target="_blank">久久精品亚洲一区二区三区浴池</a>| <a href="http://csnara.com" target="_blank">久久精品国产99久久</a>| <a href="http://verymirancca.com" target="_blank">久久亚洲国产欧洲精品一</a>| <a href="http://tongloupinche.com" target="_blank">国产成人综合日韩精品无码不卡</a>| <a href="http://sadaju.com" target="_blank">爱看精品福利视频观看</a>| <a href="http://yawniton.com" target="_blank">精品久久久久久无码人妻蜜桃</a>| <a href="http://lovely-china.com" target="_blank">下载天堂国产AV成人无码精品网站</a>| <a href="http://ika-ex.com" target="_blank">日韩成人大屁股内射喷水</a>| <a href="http://cqsffz.com" target="_blank">美日韩一区二区三区</a>| <a href="http://cnruirang.com" target="_blank">日韩无套内射视频6</a>| <a href="http://mybbwang.com" target="_blank">中日韩亚洲人成无码网站</a>| <a href="http://dirtychatspace.com" target="_blank">日韩精品视频一区二区三区</a>| <a href="http://feijapan.com" target="_blank">亚洲日韩中文字幕在线播放</a>| <a href="http://marmaradays.com" target="_blank">免费观看国产精品</a>| <a href="http://hngcb.com" target="_blank">中日韩一区二区三区</a>| <a href="http://indiantownguide.com" target="_blank">中文字幕日韩丝袜一区</a>| <a href="http://newtopwpthemes.com" target="_blank">精品无码日韩一区二区三区不卡 </a>| <a href="http://newnfljerseys.com" target="_blank">亚洲日韩看片无码电影</a>| <a href="http://endurawalls.com" target="_blank">亚洲AV日韩AV天堂久久</a>| <a href="http://52cold.com" target="_blank">久久精品日韩一区国产二区 </a>| <a href="http://zhifa91.com" target="_blank">亚洲精品tv久久久久久久久</a>| <a href="http://langshizhenggu.com" target="_blank">中文字幕在线不卡精品视频99</a>| <a href="http://likefone.com" target="_blank">久久久久久国产精品无码下载 </a>| <a href="http://ataberkmotor.com" target="_blank">揄拍自拍日韩精品</a>| <a href="http://125162.com" target="_blank">精品久久久无码21p发布</a>| <a href="http://zhsdyxh.com" target="_blank">国产精品香蕉在线</a>| <a href="http://gxshengtejiagu.com" target="_blank">亚洲人成色777777精品 </a>| <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="uowck" class="pl_css_ganrao" style="display: none;"><source id="uowck"><strong id="uowck"><abbr id="uowck"></abbr></strong></source><optgroup id="uowck"></optgroup><acronym id="uowck"></acronym><source id="uowck"></source><pre id="uowck"></pre><center id="uowck"></center><tbody id="uowck"></tbody><tr id="uowck"></tr><rt id="uowck"></rt><button id="uowck"></button><pre id="uowck"></pre><fieldset id="uowck"><table id="uowck"><del id="uowck"></del></table></fieldset><rt id="uowck"></rt><center id="uowck"></center><ul id="uowck"><tbody id="uowck"><wbr id="uowck"></wbr></tbody></ul><pre id="uowck"><blockquote id="uowck"><dl id="uowck"></dl></blockquote></pre><cite id="uowck"></cite><tfoot id="uowck"><object id="uowck"><strong id="uowck"></strong></object></tfoot><samp id="uowck"><dl id="uowck"><input id="uowck"></input></dl></samp><source id="uowck"></source><nav id="uowck"></nav><nav id="uowck"></nav><code id="uowck"><table id="uowck"><del id="uowck"></del></table></code><wbr id="uowck"><strong id="uowck"><abbr id="uowck"></abbr></strong></wbr><nav id="uowck"></nav><noframes id="uowck"><samp id="uowck"><pre id="uowck"></pre></samp></noframes><pre id="uowck"></pre><tr id="uowck"></tr><option id="uowck"></option><button id="uowck"></button><noscript id="uowck"><acronym id="uowck"><delect id="uowck"></delect></acronym></noscript><source id="uowck"><strong id="uowck"><abbr id="uowck"></abbr></strong></source><pre id="uowck"><center id="uowck"><dl id="uowck"></dl></center></pre><pre id="uowck"></pre><sup id="uowck"><td id="uowck"><code id="uowck"></code></td></sup><noframes id="uowck"></noframes><code id="uowck"><em id="uowck"><delect id="uowck"></delect></em></code><em id="uowck"><delect id="uowck"><tr id="uowck"></tr></delect></em><strike id="uowck"><menu id="uowck"><noscript id="uowck"></noscript></menu></strike><button id="uowck"><samp id="uowck"><tbody id="uowck"></tbody></samp></button><th id="uowck"></th><tbody id="uowck"><noframes id="uowck"><ul id="uowck"></ul></noframes></tbody><kbd id="uowck"></kbd><xmp id="uowck"></xmp><optgroup id="uowck"></optgroup><tr id="uowck"></tr><noscript id="uowck"></noscript><abbr id="uowck"></abbr><tbody id="uowck"></tbody><dd id="uowck"><strike id="uowck"><menu id="uowck"></menu></strike></dd><abbr id="uowck"></abbr><nav id="uowck"></nav><table id="uowck"><tr id="uowck"><sup id="uowck"></sup></tr></table><center id="uowck"><code id="uowck"><table id="uowck"></table></code></center><strike id="uowck"></strike><acronym id="uowck"></acronym><kbd id="uowck"></kbd><code id="uowck"><optgroup id="uowck"><abbr id="uowck"></abbr></optgroup></code><option id="uowck"></option><source id="uowck"></source><optgroup id="uowck"></optgroup><th id="uowck"></th><option id="uowck"></option><blockquote id="uowck"></blockquote><fieldset id="uowck"><optgroup id="uowck"><abbr id="uowck"></abbr></optgroup></fieldset><samp id="uowck"><tbody id="uowck"><source id="uowck"></source></tbody></samp><rt id="uowck"><noscript id="uowck"><input id="uowck"></input></noscript></rt><option id="uowck"></option><em id="uowck"><del id="uowck"><tr id="uowck"></tr></del></em><abbr id="uowck"></abbr><source id="uowck"></source><source id="uowck"><tbody id="uowck"><pre id="uowck"></pre></tbody></source><li id="uowck"><acronym id="uowck"><dd id="uowck"></dd></acronym></li><abbr id="uowck"></abbr><acronym id="uowck"></acronym><tbody id="uowck"></tbody><tr id="uowck"></tr><rt id="uowck"></rt><menu id="uowck"><bdo id="uowck"><acronym id="uowck"></acronym></bdo></menu><button id="uowck"></button><cite id="uowck"></cite><bdo id="uowck"></bdo><s id="uowck"></s><tr id="uowck"></tr><small id="uowck"></small><tr id="uowck"></tr><s id="uowck"></s><th id="uowck"></th><noframes id="uowck"><kbd id="uowck"><tbody id="uowck"></tbody></kbd></noframes><bdo id="uowck"><em id="uowck"><del id="uowck"></del></em></bdo><ul id="uowck"><tfoot id="uowck"><object id="uowck"></object></tfoot></ul><xmp id="uowck"></xmp><button id="uowck"></button><ul id="uowck"></ul><object id="uowck"><strong id="uowck"><noframes id="uowck"></noframes></strong></object><tfoot id="uowck"></tfoot><ul id="uowck"><tbody id="uowck"><wbr id="uowck"></wbr></tbody></ul><tfoot id="uowck"><source id="uowck"><small id="uowck"></small></source></tfoot><dl id="uowck"></dl><tr id="uowck"></tr><ul id="uowck"></ul><center id="uowck"><dd id="uowck"><th id="uowck"></th></dd></center><code id="uowck"><table id="uowck"><tr id="uowck"></tr></table></code><sup id="uowck"><blockquote id="uowck"><tfoot id="uowck"></tfoot></blockquote></sup><li id="uowck"><acronym id="uowck"><xmp id="uowck"></xmp></acronym></li><delect id="uowck"></delect><samp id="uowck"></samp><tbody id="uowck"><object id="uowck"><tbody id="uowck"></tbody></object></tbody><tr id="uowck"><rt id="uowck"><fieldset id="uowck"></fieldset></rt></tr><noframes id="uowck"><kbd id="uowck"><pre id="uowck"></pre></kbd></noframes><rt id="uowck"></rt><rt id="uowck"></rt><rt id="uowck"></rt><optgroup id="uowck"></optgroup><small id="uowck"></small><bdo id="uowck"><em id="uowck"><delect id="uowck"></delect></em></bdo><center id="uowck"><fieldset id="uowck"><input id="uowck"></input></fieldset></center><pre id="uowck"></pre><s id="uowck"></s><bdo id="uowck"></bdo><del id="uowck"></del><kbd id="uowck"></kbd><pre id="uowck"><blockquote id="uowck"><dl id="uowck"></dl></blockquote></pre><dfn id="uowck"></dfn><ul id="uowck"></ul><wbr id="uowck"></wbr><th id="uowck"></th><pre id="uowck"><wbr id="uowck"><strong id="uowck"></strong></wbr></pre><optgroup id="uowck"></optgroup><noscript id="uowck"></noscript><abbr id="uowck"></abbr><menu id="uowck"><kbd id="uowck"><center id="uowck"></center></kbd></menu><td id="uowck"><fieldset id="uowck"><optgroup id="uowck"></optgroup></fieldset></td><fieldset id="uowck"></fieldset><nav id="uowck"></nav><tr id="uowck"></tr><center id="uowck"></center><strike id="uowck"></strike><tr id="uowck"></tr><center id="uowck"></center><nav id="uowck"></nav><em id="uowck"><del id="uowck"><dfn id="uowck"></dfn></del></em><s id="uowck"><li id="uowck"><center id="uowck"></center></li></s><sup id="uowck"><td id="uowck"><fieldset id="uowck"></fieldset></td></sup><source id="uowck"></source><rt id="uowck"></rt><kbd id="uowck"></kbd><bdo id="uowck"></bdo><tfoot id="uowck"></tfoot><table id="uowck"><abbr id="uowck"><sup id="uowck"></sup></abbr></table></div> </html>