前面我介紹了通過js實現如何獲取表單元素，同時實現對表的重置（form.reset()）和提交（form.submit()）操作,需要了解表單有那些字段以及如何進一步操作的同事，最好是先熟悉表單的基本操作《js中表單的基礎知識及提交表單和重置表單的操作方法》再接看此文。
? ? ?可以像訪問頁面中的其他元素一樣，使用原生 DOM 方法訪問表單元素。此外，每個表單都有elements 屬性，該屬性是表單中所有表單元素（字段）的集合。這個 elements 集合是一個有序列表， 其中包含著表單中的所有字段，例如、、<button>和<fieldset>。每個表單字 段在 elements 集合中的順序，與它們出現在標記中的順序相同，可以按照位置和 name 特性來訪問它 們。下面來看一個例子。?<br /> ? ? ?var form = document.getElementById("form1");?<br /> ? ? ?//取得表單中的第一個字段?<br /> ? ? ?var field1 = form.elements[0];?<br /> ? ? ?//取得名為"textbox1"的字段<br /> ? ? ? var field2 = form.elements["textbox1"];?<br /> ? ? ?//取得表單中包含的字段的數量?<br /> ? ? ?var fieldCount = form.elements.length;<br /> ? ? ? 如果有多個表單控件都在使用一個 name（如單選按鈕），那么就會返回以該 name 命名的一個 NodeList。例如，以下面的 HTML代碼片段為例。?<br /> <form method="post" action="javascript:alert('Form submitted!')" id="myForm"><br /> ? ? ?<ul><br /> ? ? ? ? ? <li><input type="radio" name="color" value="red">Red</li><br /> ? ? ? ? ? <li><input type="radio" name="color" value="green">Green</li><br /> ? ? ? ? ? <li><input type="radio" name="color" value="blue">Blue</li><br /> ? ? ?</ul><br /> </form>?<br /> ? ? ?在這個 HTML表單中，有 3個單選按鈕，它們的 name 都是"color"，意味著這 3個字段是一起的。 在訪問 elements["color"]時，就會返回一個 NodeList，其中包含這 3 個元素；不過，如果訪問 elements[0]，則只會返回第一個元素。來看下面的例子。?<br /> ? ? ?var form = document.getElementById("myForm");?<br /> ? ? ?var colorFields = form.elements["color"];<br /> ? ? ? ? ? alert(colorFields.length); //3?<br /> ? ? var firstColorField = colorFields[0];<br /> ? ? var firstFormField = form.elements[0];<br /> ? ? ? ? ? alert(firstColorField === firstFormField); //true<br /> ? ? ?以上代碼顯示，通過 form.elements[0]訪問到的第一個表單字段，與包含在 form.elements ["color"]中的第一個元素相同。 ? ??<br /> ? ? ?也可以通過訪問表單的屬性來訪問元素，例如 form[0]可以取得第一個表單字 段，而 form["color"]則可以取得第一個命名字段。這些屬性與通過 elements 集 合訪問到的元素是相同的。但是，我們應該盡可能使用 elements，通過表單屬性訪 問元素只是為了與舊瀏覽器向后兼容而保留的一種過渡方式。?<br /> ? ? ?<strong>1. 共有的表單字段屬性</strong><br /> ? ? ? 除了<fieldset>元素之外，所有表單字段都擁有相同的一組屬性。由于<input>類型可以表示多 種表單字段，因此有些屬性只適用于某些字段，但還有一些屬性是所有字段所共有的。表單字段共有的 屬性如下。?<br /> ? ? ?disabled：布爾值，表示當前字段是否被禁用。?<br /> ? ? ?form：指向當前字段所屬表單的指針；只讀。<br /> ? ? ?name：當前字段的名稱。?<br /> ? ? ?readOnly：布爾值，表示當前字段是否只讀。?<br /> ? ? ?tabIndex：表示當前字段的切換（tab）序號。<br /> ? ? ?type：當前字段的類型，如"checkbox"、"radio"，等等。?<br /> ? ? ?value：當前字段將被提交給服務器的值。對文件字段來說，這個屬性是只讀的，包含著文件 在計算機中的路徑。 除了 form 屬性之外，可以通過 JavaScript動態修改其他任何屬性。來看下面的例子：?<br /> ? ? ?var form = document.getElementById("myForm");?<br /> ? ? ?var field = form.elements[0];?<br /> ? ? ?//修改 value 屬性?<br /> ? ? ?field.value = "Another value";?<br /> ? ? ?//檢查 form 屬性的值?<br /> ? ? ?alert(field.form === form); //true?<br /> ? ? ?//把焦點設置到當前字段<br /> ? ? ? field.focus();?<br /> ? ? ?//禁用當前字段<br /> ? ? ? field.disabled = true;?<br /> ? ? ?//修改 type 屬性（不推薦，但對<input>來說是可行的）?<br /> ? ? ?field.type = "checkbox"; ? ??<br /> ? ? ?能夠動態修改表單字段屬性，意味著我們可以在任何時候，以任何方式來動態操作表單。例如，很 多用戶可能會重復單擊表單的提交按鈕。在涉及信用卡消費時，這就是個問題：因為會導致費用翻番。 為此，常見的解決方案，就是在第一次單擊后就禁用提交按鈕。只要偵聽 submit 事件，并在該事件 發生時禁用提交按鈕即可。以下就是這樣一個例子。?<br /> ? ? ?//避免多次提交表單?<br /> ? ? ? EventUtil.addHandler(form, "submit", function(event){<br /> ? ? ? ? ? event = EventUtil.getEvent(event);<br /> ? ? ? ? ? var target = EventUtil.getTarget(event);?<br /> ? ? ?//取得提交按鈕<br /> ? ? ?var btn = target.elements["submit-btn"];?<br /> ? ? ?//禁用它<br /> ? ? ?btn.disabled = true;<br /> }); ? ? ?<br /> ? ? ?以上代碼為表單的 submit 事件添加了一個事件處理程序。事件觸發后，代碼取得了提交按鈕 并將其 disabled 屬性設置為 true。注意，不能通過 onclick 事件處理程序來實現這個功能，原 因是不同瀏覽器之間存在“時差”：有的瀏覽器會在觸發表單的 submit 事件之前觸發 click 事件， 而有的瀏覽器則相反。對于先觸發 click 事件的瀏覽器，意味著會在提交發生之前禁用按鈕，結果 永遠都不會提交表單。因此，好是通過 submit 事件來禁用提交按鈕。不過，這種方式不適合表 單中不包含提交按鈕的情況；如前所述，只有在包含提交按鈕的情況下，才有可能觸發表單的 submit 事件。<br /> ? ? ? 除了<fieldset>之外，所有表單字段都有 type 屬性。對于<input>元素，這個值等于 HTML特 性 type 的值。對于其他元素，這個 type 屬性的值如下表所列。?<br /> 說 明 HTML示例 type屬性的值<br /> 單選列表 <select>...</select> "select-one"<br /> 多選列表 <select multiple>...</select> "select-multiple"<br /> 自定義按鈕 <button>...</button> "submit"<br /> 自定義非提交按鈕 <button type="button">...</button> "button"<br /> 自定義重置按鈕 <button type="reset">...</buton> "reset"<br /> 自定義提交按鈕 <button type="submit">...</buton> "submit"<br /> ? ? ?<br /> 此外，<input>和<button>元素的 type 屬性是可以動態修改的，而<select>元素的 type 屬性 則是只讀的。?<br /> ? ? ?<strong>2. 共有的表單字段方法</strong><br /> ? ? ?每個表單字段都有兩個方法：focus()和 blur()。其中，focus()方法用于將瀏覽器的焦點設置 到表單字段，即激活表單字段，使其可以響應鍵盤事件。例如，接收到焦點的文本框會顯示插入符號， 隨時可以接收輸入。使用 focus()方法，可以將用戶的注意力吸引到頁面中的某個部位。例如，在頁面 加載完畢后，將焦點轉移到表單中的第一個字段。為此，可以偵聽頁面的 load 事件，并在該事件發生 時在表單的第一個字段上調用 focus()方法，如下面的例子所示。 ? ??<br /> ? ? ?EventUtil.addHandler(window, "load", function(event){?<br /> ? ? ? ? ? document.forms[0].elements[0].focus();<br /> ? ? ? });?<br /> ? ? ?要注意的是，如果第一個表單字段是一個<input>元素，且其 type 特性的值為"hidden"，那么 以上代碼會導致錯誤。另外，如果使用 CSS的 display 和 visibility 屬性隱藏了該字段，同樣也會 導致錯誤。?<br /> ? ? ?HTML5為表單字段新增了一個 autofocus 屬性。在支持這個屬性的瀏覽器中，只要設置這個屬性， 不用 JavaScript就能自動把焦點移動到相應字段。例如：?<br /> ? ? ?<input type="text" autofocus><br /> ? ? ?為了保證前面的代碼在設置 autofocus 的瀏覽器中正常運行，必須先檢測是否設置了該屬性，如 果設置了，就不用再調用 focus()了。?<br /> ? ? ?EventUtil.addHandler(window, "load", function(event){<br /> ? ? ? ? ? ?var element = document.forms[0].elements[0];?<br /> ? ? ? ? ? ?if (element.autofocus !== true){?<br /> ? ? ? ? ? ? ? ?element.focus(); console.log("JS focus");?<br /> ? ? ? ?}?<br /> ? ? ?}); ? ??<br /> 因為 autofocus 是一個布爾值屬性，所以在支持的瀏覽器中它的值應該是 true。（在不支持的瀏 覽器中，它的值將是空字符串。）為此，上面的代碼只有在 autofocus 不等于 true 的情況下才會調用 focus()，從而保證向前兼容。支持 autofocus 屬性的瀏覽器有 Firefox 4+、Safari 5+、Chrome和 Opera 9.6。?<br /> ? ? ?在此南昌網站制作公司百恒網絡前端開發工程師認為在默認情況下，只有表單字段可以獲得焦點。對于其他元素而言，如果先將其 tabIndex 屬性設置為?1，然后再調用 focus()方法，也可以讓這些元素獲得焦點。 只有 Opera不支持這種技術。?<br /> ? ? ?與 focus()方法相對的是 blur()方法，它的作用是從元素中移走焦點。在調用 blur()方法時， 并不會把焦點轉移到某個特定的元素上；僅僅是將焦點從調用這個方法的元素上面移走而已。在早期 Web 開發中，那時候的表單字段還沒有 readonly 特性，因此就可以使用 blur()方法來創建只讀字段。 現在，雖然需要使用 blur()的場合不多了，但必要時還可以使用的。用法如下：?<br /> ? ? ?document.forms[0].elements[0].blur(); ? ??<br /> <strong>3. 共有的表單字段事件</strong><br /> ? ? ?除了支持鼠標、鍵盤、更改和 HTML事件之外，所有表單字段都支持下列 3個事件。?<br /> ? ? ?blur：當前字段失去焦點時觸發。?<br /> ? ? ?change：對于<input>和<textarea>元素，在它們失去焦點且 value 值改變時觸發；對于 <select>元素，在其選項改變時觸發。?<br /> ? ? ?focus：當前字段獲得焦點時觸發。?<br /> ? ? ?當用戶改變了當前字段的焦點，或者我們調用了 blur()或 focus()方法時，都可以觸發 blur 和 focus 事件。這兩個事件在所有表單字段中都是相同的。但是，change 事件在不同表單控件中觸發的 次數會有所不同。對于<input>和<textarea>元素，當它們從獲得焦點到失去焦點且 value 值改變時， 才會觸發 change 事件。對于<select>元素，只要用戶選擇了不同的選項，就會觸發 change 事件； 換句話說，不失去焦點也會觸發 change 事件。?<br /> ? ? ?通常，可以使用 focus 和 blur 事件來以某種方式改變用戶界面，要么是向用戶給出視覺提示，要 么是向界面中添加額外的功能（例如，為文本框顯示一個下拉選項菜單）。而 change 事件則經常用于 驗證用戶在字段中輸入的數據。例如，假設有一個文本框，我們只允許用戶輸入數值。此時，可以利用 focus 事件修改文本框的背景顏色，以便更清楚地表明這個字段獲得了焦點。可以利用 blur 事件恢復 文本框的背景顏色，利用 change 事件在用戶輸入了非數值字符時再次修改背景顏色。下面就給出了實 現上述功能的代碼。?<br /> <br /> ? ? ?<!DOCTYPE html><br /> <html><br /> <head><br /> ? ? ?<title>Form Field Events Example</title><br /> <script type="text/javascript" src="EventUtil.js"></script><br /> </head><br /> <body><br /> ? ? ?<p>The textbox will receive focus as soon as the page loads. You can then start typing.</p><br /> ? ? ?<form method="post" action="javascript:alert('Form submitted!')" id="myForm">?<br /> ? ? ? ? ? <div><br /> ? ? ? ? ? <label for="comments">Type numbers:</label><br /><br /> ? ? ? ? ? <input type="text" id="txtNumbers" name="numbers" /><br /> </div><br /> <input type="submit" value="Submit Form" id="submit-btn" /><br /> ? ? ?</form>?<br /> ? ? ?<script type="text/javascript"><br /> ? ? ? ? ? EventUtil.addHandler(window, "load", function(event){<br /> ? ? ? ? ? ? ? ?var textbox = document.forms[0].elements[0];<br /> <br /> ? ? ? ? ? EventUtil.addHandler(textbox, "focus", function(event){<br /> ? ? ? ? ? ? ? ?event = EventUtil.getEvent(event);<br /> ? ? ? ? ? ? ? ?var target = EventUtil.getTarget(event);<br /> <br /> ? ? ? ? ? ? ? ?target.style.backgroundColor = "yellow";<br /> ? ? ? ? ? });<br /> ? ? ? EventUtil.addHandler(textbox, "blur", function(event){<br /> ? ? ? ? ? event = EventUtil.getEvent(event);<br /> ? ? ? ? ? var target = EventUtil.getTarget(event);<br /> <br /> ? ? ?if (/[^d]/.test(target.value)){<br /> ? ? ? ? ? target.style.backgroundColor = "red";<br /> ? ? ?} else {<br /> ? ? ? ? ? target.style.backgroundColor = "";<br /> ? ? ?}<br /> ? ? ?});<br /> ? ? ? EventUtil.addHandler(textbox, "change", function(event){<br /> ? ? ? ? ? event = EventUtil.getEvent(event);<br /> ? ? ? ? ? var target = EventUtil.getTarget(event);<br /> <br /> ? ? ? ? ? if (/[^d]/.test(target.value)){<br /> ? ? ? ? ? ? ? ?target.style.backgroundColor = "red";<br /> ? ? ? ? ? } else {<br /> ? ? ? ? ? ? ? ?target.style.backgroundColor = "";<br /> ? ? ? ? ? }<br /> ? ? ? ? ? });<br /> ? ? ? ? ? ?textbox.focus();<br /> ? ? ?});?<br /> ? ? ??<br /> ? ? ?</script><br /> </body><br /> </html><br /> ? ? ?在此，南昌網站建設公司百恒網絡前端開發工程師提配大家onfocus 事件處理程序將文本框的背景顏色修改為黃色，以清楚地表明當前字段已經激活。 隨后，onblur 和 onchange 事件處理程序則會在發現非數值字符時，將文本框背景顏色修改為紅色。 為了測試用戶輸入的是不是非數值，這里針對文本框的 value 屬性使用了簡單的正則表達式。而且， 為確保無論文本框的值如何變化，驗證規則始終如一，onblur 和 onchange 事件處理程序中使用了相 同的正則表達式。?<br /> ? ? ?<br /> 關于 blur 和 change 事件的關系，并沒有嚴格的規定。在某些瀏覽器中，blur 事件會先于 change 事件發生；而在其他瀏覽器中，則恰好相反。為此，不能假定這 兩個事件總會以某種順序依次觸發，這一點要特別注意。?<br /> ? ?本文僅限內部技術人員學習交流,不得作于其他商業用途.希望此文對廣大技人員有所幫助。原創文章出自:<a href="http://www.dgscpc.com/apps/index.html" target="_blank"><strong>南昌APP開發公司</strong></a>-百恒網絡 <a href="http://www.dgscpc.com/" target="_blank">http://www.dgscpc.com/</a> 如轉載請注明出處! </p> </div> </div> <div id="yewcgi0" class="article-pager"> <ul> <li id="sasiamk" class="article-top"><a href="http://www.dgscpc.com/article/1873.html"><span id="y2suaki" class="icon icon-menu-left"></span> 上一篇</a></li> <li id="eewyees" class="article-back"><a href="http://www.dgscpc.com/knowledge/index.html"><span id="ia2k0k0" class="icon icon-list"></span> 返回列表</a></li> <li id="yicsk2u" class="article-next"><a href="http://www.dgscpc.com/article/1869.html">下一篇 <span id="kwagyaw" class="icon icon-menu-right"></span></a></li> </ul> </div> <!--顯示大圖的DIV--> <div id="gswcymw" class="i-showpicture"> <div id="y2swecc" class="i-showpic-arrowleft"></div> <div id="iuo20ma" class="i-showpic-picbox"> <div id="oauuo2w" class="i-showpic-div"></div> </div> <div id="o2wyqmk" class="i-showpic-arrowright"></div> <div id="eou00wk" 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="s2msg2c" 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="osgyomo" class="bh-footer"> <div id="k2ekccg" class="footer-main"> <div id="aa0a0yy" 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="0eiaiik" 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="ecics2g" 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="mmqwaaa" 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="2aecya0" 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="mkqik40" class="bh-shareicon"> <a href="" target="_blank"><div id="ecgmg20" class="bh-sina" title="新浪微博"></div></a> <div id="2giogo0" class="bh-phone"> <div id="qeiouiu" class="bh-a-b"></div> <div id="ykqwacq" class="bh-phonehide">400-680-9298,0791-88117053</div> </div> <div id="kyekcyy" class="bh-weixin" title="掃一掃關注百恒網絡微信公眾號"> <div id="w2agaai" class="bh-hideweixin"><img src="http://www.dgscpc.com/uploads/images/20211210/61b2c8180ee48.png" width="130" alt="掃一掃關注百恒網絡微信公眾號"></div> </div> <div id="ee2y20s" class="bh-xiaochengxu" title="掃一掃打開百恒網絡小程序"> <div id="ugogmmy" class="bh-hidexiaochengxu"><img src="/public/home/images/weixin/bh-code.jpg" width="130" alt="掃一掃打開百恒網絡小程序"></div> </div> </div> </div> </div> <div id="q0iwgs0" class="bh-fixright"> <a href="javascript:void(0);"><div id="cowqwyo" class="bh-fixqq" title="點擊QQ交談"></div></a> <div id="0q0okui" class="bh-fixtel"> <div id="qc0iecc" class="bh-fixhide"></div> <div id="uwai0ai" class="bh-fixhidetel">400-680-9298,0791-88117053</div> </div> <a target="_blank"><div id="eq0m0e0" class="bh-baiduqiao" title="點擊在線咨詢"></div></a> <div id="yu2wokw" class="bh-fixweixin"> <div id="k0ci0i0" class="bh-fixweixinhide"> <img src="http://www.dgscpc.com/uploads/images/20211210/61b2c8180ee48.png" width="135" alt="掃一掃關注百恒網絡微信公眾號"> </div> </div> <div id="uam20w0" class="bh-fixxiaochengxu"> <div id="c2k0gc0" class="bh-fixxiaochengxunhide"> <img src="/public/home/images/weixin/bh-code.jpg" width="135" alt="掃一掃打開百恒網絡小程序"> </div> </div> <div id="0yquyii" class="bh-fixtop"></div> </div> <div id="a2skqyu" class="bh-qiao"> <h2><span><font class="icon icon-comment"></font> 歡迎您的光顧，我們將竭誠為您服務</span><b>×</b></h2> <div id="m20muuu" 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="ggmqama" class="bh-qqonline"> <div id="ug20awg" 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="2mc0oqa" class="bh-qqline"> </div> <div id="a2iaqom" 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="eeq0see" class="bh-qqline"> </div> <div id="eswo2ig" 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="yy2qi2e" class="bh-qqline"> </div> <div id="eo0mqea" 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="gucs2i2" class="bh-qqline"> </div> <div id="usiasu2" 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="sekcsse" class="bh-qqline"> </div> <div id="q20euso" 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="cei2kui" class="bh-qqline"> </div> <div id="ym0o2ss" 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="kwy2sam" class="bh-qqline"> </div> <div id="aoqeomk" 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="iiocyui" class="bh-qqline"> </div> <div id="yosu0is" class="bh-qqclose" title="點我關閉哦">×</div> </div> <div id="mye2s0g" class="bh-loading" title="數據加載中，請稍候..."> <div id="ww0agu0" class="bh-loading-l"></div> <div id="qqya2eo" class="bh-loading-r"></div> <div id="o0uwkig" 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://new7d.com" target="_blank">国产精品久久久久久福利69堂</a>| <a href="http://xueipad.com" target="_blank">中文字幕在线亚洲精品</a>| <a href="http://tjxingfutai.com" target="_blank">国产精品无码亚洲一区二区三区 </a>| <a href="http://quanbaowei.com" target="_blank">国产精品自产拍在线网站</a>| <a href="http://sxsywz.com" target="_blank">精品国产一区二区三区香蕉</a>| <a href="http://hbfs168.com" target="_blank">...91久久精品一区二区三区</a>| <a href="http://xinlijiasz.com" target="_blank">久久99热精品免费观看动漫</a>| <a href="http://qhdfjw.com" target="_blank">日本久久久精品中文字幕</a>| <a href="http://g492.com" target="_blank">99久久国产宗和精品1上映</a>| <a href="http://twonos.com" target="_blank">久久精品无码专区免费</a>| <a href="http://donnaedward.com" target="_blank">亚洲一区二区精品视频</a>| <a href="http://chinafeisle.com" target="_blank">日韩久久精品一区二区三区</a>| <a href="http://laplace-electric.com" target="_blank">亚洲日韩在线中文字幕第一页</a>| <a href="http://lelootle.com" target="_blank">国产精品自拍亚洲</a>| <a href="http://xinzhanerp.com" target="_blank">在线精品自拍亚洲第一区</a>| <a href="http://jihoonpark.com" target="_blank">国产精品视频一区国模私拍</a>| <a href="http://youxinjiapo.com" target="_blank">国产精品美女久久福利网站</a>| <a href="http://hartlandbraces.com" target="_blank">国产91久久精品一区二区</a>| <a href="http://appmobile2017.com" target="_blank">3d动漫精品啪啪一区二区中</a>| <a href="http://91huase.com" target="_blank">精品无人区一区二区三区</a>| <a href="http://cnnorman.com" target="_blank">久久久无码精品亚洲日韩按摩</a>| <a href="http://bax88.com" target="_blank">小辣椒福利视频精品导航</a>| <a href="http://hdjxcj.com" target="_blank">久久国产精品亚洲一区二区</a>| <a href="http://gzdmjj.com" target="_blank">久久精品成人免费观看</a>| <a href="http://ttzdj.com" target="_blank">久久国产乱子伦精品免费一 </a>| <a href="http://therhod.com" target="_blank">亚洲精品在线网站</a>| <a href="http://77777bbb.com" target="_blank">亚洲精品456在线播放</a>| <a href="http://tdgyp168.com" target="_blank">2021国内精品久久久久影院</a>| <a href="http://tuyeer.com" target="_blank">麻豆精品久久久久久久99蜜桃</a>| <a href="http://bducktea.com" target="_blank">3d动漫精品成人一区二区三</a>| <a href="http://lowenfel.com" target="_blank">精品国产一区二区三区麻豆</a>| <a href="http://meifd.com" target="_blank">亚洲精品福利在线观看</a>| <a href="http://wapmanage.com" target="_blank">91久久精品国产91性色也</a>| <a href="http://huaxinnamikeji.com" target="_blank">91精品国产综合久久香蕉</a>| <a href="http://tt6364.com" target="_blank">国产精品怡红院永久免费</a>| <a href="http://cnsos999.com" target="_blank">2021精品国产综合久久</a>| <a href="http://8023cn.com" target="_blank">国产成人精品三级在线</a>| <a href="http://avav120.com" target="_blank">久久这里只有精品国产免费10</a>| <a href="http://popbebop.com" target="_blank">久久精品成人一区二区三区</a>| <a href="http://homsaway.com" target="_blank">日韩精品成人无码专区免费</a>| <a href="http://bkk22.com" target="_blank">高清国产一级精品毛片基地</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="ykkss" class="pl_css_ganrao" style="display: none;"><noscript id="ykkss"></noscript><optgroup id="ykkss"><abbr id="ykkss"><button id="ykkss"></button></abbr></optgroup><delect id="ykkss"></delect><abbr id="ykkss"></abbr><noscript id="ykkss"></noscript><center id="ykkss"></center><center id="ykkss"></center><del id="ykkss"></del><nav id="ykkss"></nav><optgroup id="ykkss"><del id="ykkss"><dfn id="ykkss"></dfn></del></optgroup><acronym id="ykkss"></acronym><source id="ykkss"></source><noscript id="ykkss"></noscript><noscript id="ykkss"></noscript><tbody id="ykkss"></tbody><xmp id="ykkss"><fieldset id="ykkss"><menu id="ykkss"></menu></fieldset></xmp><object id="ykkss"></object><tbody id="ykkss"><em id="ykkss"><blockquote id="ykkss"></blockquote></em></tbody><optgroup id="ykkss"></optgroup><pre id="ykkss"><xmp id="ykkss"><tfoot id="ykkss"></tfoot></xmp></pre><kbd id="ykkss"></kbd><object id="ykkss"></object><dl id="ykkss"><optgroup id="ykkss"><ul id="ykkss"></ul></optgroup></dl><abbr id="ykkss"></abbr><td id="ykkss"></td><samp id="ykkss"></samp><tbody id="ykkss"></tbody><s id="ykkss"></s><cite id="ykkss"><table id="ykkss"><tr id="ykkss"></tr></table></cite><del id="ykkss"></del><pre id="ykkss"></pre><fieldset id="ykkss"><table id="ykkss"><tr id="ykkss"></tr></table></fieldset><input id="ykkss"></input><noframes id="ykkss"></noframes><delect id="ykkss"></delect><blockquote id="ykkss"></blockquote><tbody id="ykkss"></tbody><tr id="ykkss"></tr><pre id="ykkss"><del id="ykkss"><tfoot id="ykkss"></tfoot></del></pre><strong id="ykkss"></strong><blockquote id="ykkss"></blockquote><s id="ykkss"><small id="ykkss"><option id="ykkss"></option></small></s><li id="ykkss"></li><sup id="ykkss"></sup><abbr id="ykkss"></abbr><tbody id="ykkss"></tbody><small id="ykkss"><abbr id="ykkss"><delect id="ykkss"></delect></abbr></small><cite id="ykkss"></cite><rt id="ykkss"></rt><em id="ykkss"></em><center id="ykkss"></center><li id="ykkss"></li><tr id="ykkss"><acronym id="ykkss"><xmp id="ykkss"></xmp></acronym></tr><noscript id="ykkss"></noscript><pre id="ykkss"></pre><nav id="ykkss"><li id="ykkss"><button id="ykkss"></button></li></nav><noframes id="ykkss"></noframes><wbr id="ykkss"></wbr><rt id="ykkss"><tbody id="ykkss"><pre id="ykkss"></pre></tbody></rt><td id="ykkss"></td><strong id="ykkss"></strong><tbody id="ykkss"></tbody><nav id="ykkss"></nav><center id="ykkss"></center><button id="ykkss"></button><center id="ykkss"></center><pre id="ykkss"><td id="ykkss"><fieldset id="ykkss"></fieldset></td></pre><tr id="ykkss"><acronym id="ykkss"><xmp id="ykkss"></xmp></acronym></tr><xmp id="ykkss"><strike id="ykkss"><input id="ykkss"></input></strike></xmp><optgroup id="ykkss"></optgroup><abbr id="ykkss"></abbr><li id="ykkss"></li><wbr id="ykkss"></wbr><tbody id="ykkss"><s id="ykkss"><bdo id="ykkss"></bdo></s></tbody><noscript id="ykkss"><pre id="ykkss"><del id="ykkss"></del></pre></noscript><samp id="ykkss"></samp><pre id="ykkss"></pre><sup id="ykkss"></sup><li id="ykkss"></li><ul id="ykkss"></ul><samp id="ykkss"><tbody id="ykkss"><s id="ykkss"></s></tbody></samp><del id="ykkss"><dfn id="ykkss"><center id="ykkss"></center></dfn></del><input id="ykkss"></input><tbody id="ykkss"><wbr id="ykkss"><bdo id="ykkss"></bdo></wbr></tbody><noscript id="ykkss"></noscript><tbody id="ykkss"></tbody><li id="ykkss"></li><abbr id="ykkss"><button id="ykkss"><dd id="ykkss"></dd></button></abbr><center id="ykkss"></center><nav id="ykkss"><abbr id="ykkss"><center id="ykkss"></center></abbr></nav><th id="ykkss"></th><kbd id="ykkss"><acronym id="ykkss"><td id="ykkss"></td></acronym></kbd><blockquote id="ykkss"></blockquote><acronym id="ykkss"></acronym><button id="ykkss"><samp id="ykkss"><th id="ykkss"></th></samp></button><center id="ykkss"><th id="ykkss"><nav id="ykkss"></nav></th></center><center id="ykkss"></center><ul id="ykkss"><center id="ykkss"><center id="ykkss"></center></center></ul><source id="ykkss"></source><noscript id="ykkss"></noscript><td id="ykkss"></td><li id="ykkss"></li><tfoot id="ykkss"></tfoot><li id="ykkss"></li><input id="ykkss"></input><source id="ykkss"><code id="ykkss"><noframes id="ykkss"></noframes></code></source><blockquote id="ykkss"></blockquote><center id="ykkss"></center><code id="ykkss"><optgroup id="ykkss"><ul id="ykkss"></ul></optgroup></code><table id="ykkss"></table><tbody id="ykkss"></tbody><abbr id="ykkss"></abbr><th id="ykkss"><s id="ykkss"><small id="ykkss"></small></s></th><tr id="ykkss"></tr><bdo id="ykkss"><option id="ykkss"><samp id="ykkss"></samp></option></bdo><input id="ykkss"></input><nav id="ykkss"></nav><tfoot id="ykkss"></tfoot><abbr id="ykkss"><kbd id="ykkss"><pre id="ykkss"></pre></kbd></abbr><samp id="ykkss"></samp><center id="ykkss"></center><fieldset id="ykkss"><input id="ykkss"><noscript id="ykkss"></noscript></input></fieldset><tbody id="ykkss"></tbody><strike id="ykkss"><input id="ykkss"><tbody id="ykkss"></tbody></input></strike><noframes id="ykkss"></noframes><kbd id="ykkss"><pre id="ykkss"><wbr id="ykkss"></wbr></pre></kbd><th id="ykkss"><s id="ykkss"><small id="ykkss"></small></s></th><del id="ykkss"></del><object id="ykkss"></object><abbr id="ykkss"></abbr><bdo id="ykkss"></bdo><blockquote id="ykkss"></blockquote><acronym id="ykkss"></acronym><noframes id="ykkss"></noframes><abbr id="ykkss"></abbr><ul id="ykkss"></ul><bdo id="ykkss"><table id="ykkss"><kbd id="ykkss"></kbd></table></bdo><noscript id="ykkss"></noscript><noframes id="ykkss"></noframes><acronym id="ykkss"><xmp id="ykkss"><strike id="ykkss"></strike></xmp></acronym><tbody id="ykkss"></tbody><tbody id="ykkss"></tbody><del id="ykkss"></del><dd id="ykkss"></dd><center id="ykkss"></center><blockquote id="ykkss"></blockquote><tr id="ykkss"></tr><acronym id="ykkss"></acronym><strong id="ykkss"></strong><center id="ykkss"></center></div> </html>