前面我介紹了通過(guò)js實(shí)現(xiàn)如何獲取表單元素，同時(shí)實(shí)現(xiàn)對(duì)表的重置（form.reset()）和提交（form.submit()）操作,需要了解表單有那些字段以及如何進(jìn)一步操作的同事，最好是先熟悉表單的基本操作《js中表單的基礎(chǔ)知識(shí)及提交表單和重置表單的操作方法》再接看此文。
? ? ?可以像訪問(wèn)頁(yè)面中的其他元素一樣，使用原生 DOM 方法訪問(wèn)表單元素。此外，每個(gè)表單都有elements 屬性，該屬性是表單中所有表單元素（字段）的集合。這個(gè) elements 集合是一個(gè)有序列表， 其中包含著表單中的所有字段，例如、、<button>和<fieldset>。每個(gè)表單字 段在 elements 集合中的順序，與它們出現(xiàn)在標(biāo)記中的順序相同，可以按照位置和 name 特性來(lái)訪問(wèn)它 們。下面來(lái)看一個(gè)例子。?<br /> ? ? ?var form = document.getElementById("form1");?<br /> ? ? ?//取得表單中的第一個(gè)字段?<br /> ? ? ?var field1 = form.elements[0];?<br /> ? ? ?//取得名為"textbox1"的字段<br /> ? ? ? var field2 = form.elements["textbox1"];?<br /> ? ? ?//取得表單中包含的字段的數(shù)量?<br /> ? ? ?var fieldCount = form.elements.length;<br /> ? ? ? 如果有多個(gè)表單控件都在使用一個(gè) name（如單選按鈕），那么就會(huì)返回以該 name 命名的一個(gè) 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 /> ? ? ?在這個(gè) HTML表單中，有 3個(gè)單選按鈕，它們的 name 都是"color"，意味著這 3個(gè)字段是一起的。 在訪問(wèn) elements["color"]時(shí)，就會(huì)返回一個(gè) NodeList，其中包含這 3 個(gè)元素；不過(guò)，如果訪問(wèn) elements[0]，則只會(huì)返回第一個(gè)元素。來(lái)看下面的例子。?<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 /> ? ? ?以上代碼顯示，通過(guò) form.elements[0]訪問(wèn)到的第一個(gè)表單字段，與包含在 form.elements ["color"]中的第一個(gè)元素相同。 ? ??<br /> ? ? ?也可以通過(guò)訪問(wèn)表單的屬性來(lái)訪問(wèn)元素，例如 form[0]可以取得第一個(gè)表單字 段，而 form["color"]則可以取得第一個(gè)命名字段。這些屬性與通過(guò) elements 集 合訪問(wèn)到的元素是相同的。但是，我們應(yīng)該盡可能使用 elements，通過(guò)表單屬性訪 問(wèn)元素只是為了與舊瀏覽器向后兼容而保留的一種過(guò)渡方式。?<br /> ? ? ?<strong>1. 共有的表單字段屬性</strong><br /> ? ? ? 除了<fieldset>元素之外，所有表單字段都擁有相同的一組屬性。由于<input>類型可以表示多 種表單字段，因此有些屬性只適用于某些字段，但還有一些屬性是所有字段所共有的。表單字段共有的 屬性如下。?<br /> ? ? ?disabled：布爾值，表示當(dāng)前字段是否被禁用。?<br /> ? ? ?form：指向當(dāng)前字段所屬表單的指針；只讀。<br /> ? ? ?name：當(dāng)前字段的名稱。?<br /> ? ? ?readOnly：布爾值，表示當(dāng)前字段是否只讀。?<br /> ? ? ?tabIndex：表示當(dāng)前字段的切換（tab）序號(hào)。<br /> ? ? ?type：當(dāng)前字段的類型，如"checkbox"、"radio"，等等。?<br /> ? ? ?value：當(dāng)前字段將被提交給服務(wù)器的值。對(duì)文件字段來(lái)說(shuō)，這個(gè)屬性是只讀的，包含著文件 在計(jì)算機(jī)中的路徑。 除了 form 屬性之外，可以通過(guò) JavaScript動(dòng)態(tài)修改其他任何屬性。來(lái)看下面的例子：?<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 /> ? ? ?//把焦點(diǎn)設(shè)置到當(dāng)前字段<br /> ? ? ? field.focus();?<br /> ? ? ?//禁用當(dāng)前字段<br /> ? ? ? field.disabled = true;?<br /> ? ? ?//修改 type 屬性（不推薦，但對(duì)<input>來(lái)說(shuō)是可行的）?<br /> ? ? ?field.type = "checkbox"; ? ??<br /> ? ? ?能夠動(dòng)態(tài)修改表單字段屬性，意味著我們可以在任何時(shí)候，以任何方式來(lái)動(dòng)態(tài)操作表單。例如，很 多用戶可能會(huì)重復(fù)單擊表單的提交按鈕。在涉及信用卡消費(fèi)時(shí)，這就是個(gè)問(wèn)題：因?yàn)闀?huì)導(dǎo)致費(fèi)用翻番。 為此，常見(jiàn)的解決方案，就是在第一次單擊后就禁用提交按鈕。只要偵聽(tīng) submit 事件，并在該事件 發(fā)生時(shí)禁用提交按鈕即可。以下就是這樣一個(gè)例子。?<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 事件添加了一個(gè)事件處理程序。事件觸發(fā)后，代碼取得了提交按鈕 并將其 disabled 屬性設(shè)置為 true。注意，不能通過(guò) onclick 事件處理程序來(lái)實(shí)現(xiàn)這個(gè)功能，原 因是不同瀏覽器之間存在“時(shí)差”：有的瀏覽器會(huì)在觸發(fā)表單的 submit 事件之前觸發(fā) click 事件， 而有的瀏覽器則相反。對(duì)于先觸發(fā) click 事件的瀏覽器，意味著會(huì)在提交發(fā)生之前禁用按鈕，結(jié)果 永遠(yuǎn)都不會(huì)提交表單。因此，好是通過(guò) submit 事件來(lái)禁用提交按鈕。不過(guò)，這種方式不適合表 單中不包含提交按鈕的情況；如前所述，只有在包含提交按鈕的情況下，才有可能觸發(fā)表單的 submit 事件。<br /> ? ? ? 除了<fieldset>之外，所有表單字段都有 type 屬性。對(duì)于<input>元素，這個(gè)值等于 HTML特 性 type 的值。對(duì)于其他元素，這個(gè) type 屬性的值如下表所列。?<br /> 說(shuō) 明 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 屬性是可以動(dòng)態(tài)修改的，而<select>元素的 type 屬性 則是只讀的。?<br /> ? ? ?<strong>2. 共有的表單字段方法</strong><br /> ? ? ?每個(gè)表單字段都有兩個(gè)方法：focus()和 blur()。其中，focus()方法用于將瀏覽器的焦點(diǎn)設(shè)置 到表單字段，即激活表單字段，使其可以響應(yīng)鍵盤事件。例如，接收到焦點(diǎn)的文本框會(huì)顯示插入符號(hào)， 隨時(shí)可以接收輸入。使用 focus()方法，可以將用戶的注意力吸引到頁(yè)面中的某個(gè)部位。例如，在頁(yè)面 加載完畢后，將焦點(diǎn)轉(zhuǎn)移到表單中的第一個(gè)字段。為此，可以偵聽(tīng)頁(yè)面的 load 事件，并在該事件發(fā)生 時(shí)在表單的第一個(gè)字段上調(diào)用 focus()方法，如下面的例子所示。 ? ??<br /> ? ? ?EventUtil.addHandler(window, "load", function(event){?<br /> ? ? ? ? ? document.forms[0].elements[0].focus();<br /> ? ? ? });?<br /> ? ? ?要注意的是，如果第一個(gè)表單字段是一個(gè)<input>元素，且其 type 特性的值為"hidden"，那么 以上代碼會(huì)導(dǎo)致錯(cuò)誤。另外，如果使用 CSS的 display 和 visibility 屬性隱藏了該字段，同樣也會(huì) 導(dǎo)致錯(cuò)誤。?<br /> ? ? ?HTML5為表單字段新增了一個(gè) autofocus 屬性。在支持這個(gè)屬性的瀏覽器中，只要設(shè)置這個(gè)屬性， 不用 JavaScript就能自動(dòng)把焦點(diǎn)移動(dòng)到相應(yīng)字段。例如：?<br /> ? ? ?<input type="text" autofocus><br /> ? ? ?為了保證前面的代碼在設(shè)置 autofocus 的瀏覽器中正常運(yùn)行，必須先檢測(cè)是否設(shè)置了該屬性，如 果設(shè)置了，就不用再調(diào)用 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 /> 因?yàn)?autofocus 是一個(gè)布爾值屬性，所以在支持的瀏覽器中它的值應(yīng)該是 true。（在不支持的瀏 覽器中，它的值將是空字符串。）為此，上面的代碼只有在 autofocus 不等于 true 的情況下才會(huì)調(diào)用 focus()，從而保證向前兼容。支持 autofocus 屬性的瀏覽器有 Firefox 4+、Safari 5+、Chrome和 Opera 9.6。?<br /> ? ? ?在此南昌網(wǎng)站制作公司百恒網(wǎng)絡(luò)前端開(kāi)發(fā)工程師認(rèn)為在默認(rèn)情況下，只有表單字段可以獲得焦點(diǎn)。對(duì)于其他元素而言，如果先將其 tabIndex 屬性設(shè)置為?1，然后再調(diào)用 focus()方法，也可以讓這些元素獲得焦點(diǎn)。 只有 Opera不支持這種技術(shù)。?<br /> ? ? ?與 focus()方法相對(duì)的是 blur()方法，它的作用是從元素中移走焦點(diǎn)。在調(diào)用 blur()方法時(shí)， 并不會(huì)把焦點(diǎn)轉(zhuǎn)移到某個(gè)特定的元素上；僅僅是將焦點(diǎn)從調(diào)用這個(gè)方法的元素上面移走而已。在早期 Web 開(kāi)發(fā)中，那時(shí)候的表單字段還沒(méi)有 readonly 特性，因此就可以使用 blur()方法來(lái)創(chuàng)建只讀字段。 現(xiàn)在，雖然需要使用 blur()的場(chǎng)合不多了，但必要時(shí)還可以使用的。用法如下：?<br /> ? ? ?document.forms[0].elements[0].blur(); ? ??<br /> <strong>3. 共有的表單字段事件</strong><br /> ? ? ?除了支持鼠標(biāo)、鍵盤、更改和 HTML事件之外，所有表單字段都支持下列 3個(gè)事件。?<br /> ? ? ?blur：當(dāng)前字段失去焦點(diǎn)時(shí)觸發(fā)。?<br /> ? ? ?change：對(duì)于<input>和<textarea>元素，在它們失去焦點(diǎn)且 value 值改變時(shí)觸發(fā)；對(duì)于 <select>元素，在其選項(xiàng)改變時(shí)觸發(fā)。?<br /> ? ? ?focus：當(dāng)前字段獲得焦點(diǎn)時(shí)觸發(fā)。?<br /> ? ? ?當(dāng)用戶改變了當(dāng)前字段的焦點(diǎn)，或者我們調(diào)用了 blur()或 focus()方法時(shí)，都可以觸發(fā) blur 和 focus 事件。這兩個(gè)事件在所有表單字段中都是相同的。但是，change 事件在不同表單控件中觸發(fā)的 次數(shù)會(huì)有所不同。對(duì)于<input>和<textarea>元素，當(dāng)它們從獲得焦點(diǎn)到失去焦點(diǎn)且 value 值改變時(shí)， 才會(huì)觸發(fā) change 事件。對(duì)于<select>元素，只要用戶選擇了不同的選項(xiàng)，就會(huì)觸發(fā) change 事件； 換句話說(shuō)，不失去焦點(diǎn)也會(huì)觸發(fā) change 事件。?<br /> ? ? ?通常，可以使用 focus 和 blur 事件來(lái)以某種方式改變用戶界面，要么是向用戶給出視覺(jué)提示，要 么是向界面中添加額外的功能（例如，為文本框顯示一個(gè)下拉選項(xiàng)菜單）。而 change 事件則經(jīng)常用于 驗(yàn)證用戶在字段中輸入的數(shù)據(jù)。例如，假設(shè)有一個(gè)文本框，我們只允許用戶輸入數(shù)值。此時(shí)，可以利用 focus 事件修改文本框的背景顏色，以便更清楚地表明這個(gè)字段獲得了焦點(diǎn)?？梢岳?blur 事件恢復(fù) 文本框的背景顏色，利用 change 事件在用戶輸入了非數(shù)值字符時(shí)再次修改背景顏色。下面就給出了實(shí) 現(xiàn)上述功能的代碼。?<br /> <br /> ? ? ?<!DOCTYPE html><br /> <html><br /> <head><br /> ? ? ?<title>Form Field Events Example</title><br /> <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 /> ? ? ?<br /> </body><br /> </html><br /> ? ? ?在此，南昌網(wǎng)站建設(shè)公司百恒網(wǎng)絡(luò)前端開(kāi)發(fā)工程師提配大家onfocus 事件處理程序?qū)⑽谋究虻谋尘邦伾薷臑辄S色，以清楚地表明當(dāng)前字段已經(jīng)激活。 隨后，onblur 和 onchange 事件處理程序則會(huì)在發(fā)現(xiàn)非數(shù)值字符時(shí)，將文本框背景顏色修改為紅色。 為了測(cè)試用戶輸入的是不是非數(shù)值，這里針對(duì)文本框的 value 屬性使用了簡(jiǎn)單的正則表達(dá)式。而且， 為確保無(wú)論文本框的值如何變化，驗(yàn)證規(guī)則始終如一，onblur 和 onchange 事件處理程序中使用了相 同的正則表達(dá)式。?<br /> ? ? ?<br /> 關(guān)于 blur 和 change 事件的關(guān)系，并沒(méi)有嚴(yán)格的規(guī)定。在某些瀏覽器中，blur 事件會(huì)先于 change 事件發(fā)生；而在其他瀏覽器中，則恰好相反。為此，不能假定這 兩個(gè)事件總會(huì)以某種順序依次觸發(fā)，這一點(diǎn)要特別注意。?<br /> ? ?本文僅限內(nèi)部技術(shù)人員學(xué)習(xí)交流,不得作于其他商業(yè)用途.希望此文對(duì)廣大技人員有所幫助。原創(chuàng)文章出自:<a href="http://syshcw.cn/apps/index.html" target="_blank"><strong>南昌APP開(kāi)發(fā)公司</strong></a>-百恒網(wǎng)絡(luò) <a href="http://syshcw.cn/" target="_blank">http://syshcw.cn/</a> 如轉(zhuǎn)載請(qǐng)注明出處! </p> </div> </div> <div id="5zf5tbzf7jd" class="article-pager"> <ul> <li id="5zf5tbzf7jd" class="article-top"><a href="http://syshcw.cn/article/1873.html"><span id="5zf5tbzf7jd" class="icon icon-menu-left"></span> 上一篇</a></li> <li id="5zf5tbzf7jd" class="article-back"><a href="http://syshcw.cn/knowledge/index.html"><span id="5zf5tbzf7jd" class="icon icon-list"></span> 返回列表</a></li> <li id="5zf5tbzf7jd" class="article-next"><a href="http://syshcw.cn/article/1869.html">下一篇 <span id="5zf5tbzf7jd" class="icon icon-menu-right"></span></a></li> </ul> </div> <!--顯示大圖的DIV--> <div id="5zf5tbzf7jd" class="i-showpicture"> <div id="5zf5tbzf7jd" class="i-showpic-arrowleft"></div> <div id="5zf5tbzf7jd" class="i-showpic-picbox"> <div id="5zf5tbzf7jd" class="i-showpic-div"></div> </div> <div id="5zf5tbzf7jd" class="i-showpic-arrowright"></div> <div id="5zf5tbzf7jd" class="i-showpic-close animated"></div> <input type="hidden" value="0" id="pic-index"> </div> <!--結(jié)束--> <div id="5zf5tbzf7jd" class="bh-footer"> <div id="5zf5tbzf7jd" class="footer-main"> <div id="5zf5tbzf7jd" class="bh-smenu"> <a href="http://syshcw.cn/index.html">首頁(yè)</a> <a href="http://syshcw.cn/website/index.html">網(wǎng)站建設(shè)</a> <a href="http://syshcw.cn/apps/index.html">APP開(kāi)發(fā)</a> <a href="http://syshcw.cn/promotion/index.html">全網(wǎng)營(yíng)銷</a> <a href="http://syshcw.cn/software/index.html">軟件開(kāi)發(fā)</a> <a href="http://syshcw.cn/case/index.html">經(jīng)典案例</a> <a href="http://syshcw.cn/knowledge/index.html">網(wǎng)站知識(shí)</a> <a href="http://syshcw.cn/about/index.html">關(guān)于我們</a> <a href="http://syshcw.cn/contact/index.html">聯(lián)系我們</a> <a href="http://www.jxid.cn/services/domain/" target="_blank" rel="nofollow">域名注冊(cè)</a> <a href="http://www.jxid.cn/services/cloudhost/" target="_blank" rel="nofollow">云服務(wù)器</a> <a href="http://www.jxid.cn/services/webhosting/" target="_blank" rel="nofollow">虛擬主機(jī)</a> </div> <div id="5zf5tbzf7jd" class="bh-copyright"> Copyright @ 2006-2025 http://syshcw.cn Inc. All Rights resreved. <a target="_blank" rel="nofollow"><img src="/public/home/images/icon/copyicon.png" style="position:relative; top:0px;" alt="贛公網(wǎng)安備案" title="贛公網(wǎng)安備案"> 贛公網(wǎng)安備36010902000406號(hào)</a> <a target="_blank" rel="nofollow">[贛ICP備17008688號(hào)-5]</a> <a href="/sitemap.xml" target="_blank" class="sitemap">網(wǎng)站地圖</a> <span id="5zf5tbzf7jd" class="hide"></span>   <a href="http://#baidu.com/web/welcome/ico?s=290578c838837356a5dcbcbb971d7399" rel="nofollow" target="_blank"> <span id="5zf5tbzf7jd" class="icon icon-stats"></span> 百度統(tǒng)計(jì)</a>   <a rel="nofollow" target="_blank"><img src="/public/home/images/icon/css.png" style="position: relative; top: 0px;" height="21" alt="南昌百恒網(wǎng)絡(luò)公司通過(guò)W3C檢驗(yàn)標(biāo)準(zhǔn)!" title="南昌百恒網(wǎng)絡(luò)公司通過(guò)W3C標(biāo)準(zhǔn)驗(yàn)證!" /></a> </div> <div id="5zf5tbzf7jd" class="bh-copyright">我們專注于<a href="http://syshcw.cn/website/index.html" target="_blank">南昌網(wǎng)站建設(shè)</a>，<a href="http://syshcw.cn/apps/index.html">南昌APP開(kāi)發(fā)</a>，<a href="http://syshcw.cn/xcx/index.html" target="_blank">南昌小程序開(kāi)發(fā)</a>，等一站式互聯(lián)網(wǎng)開(kāi)發(fā)服務(wù)；<a href="http://syshcw.cn">南昌做網(wǎng)站</a>，<a href="http://syshcw.cn" target="_blank">南昌網(wǎng)絡(luò)公司</a>就找<a href="http://syshcw.cn/about/index.html" target="_blank">百恒網(wǎng)絡(luò)</a> </div> <div id="5zf5tbzf7jd" class="bh-shareicon"> <a href="" target="_blank"><div id="5zf5tbzf7jd" class="bh-sina" title="新浪微博"></div></a> <div id="5zf5tbzf7jd" class="bh-phone"> <div id="5zf5tbzf7jd" class="bh-a-b"></div> <div id="5zf5tbzf7jd" class="bh-phonehide">400-680-9298,0791-88117053</div> </div> <div id="5zf5tbzf7jd" class="bh-weixin" title="掃一掃關(guān)注百恒網(wǎng)絡(luò)微信公眾號(hào)"> <div id="5zf5tbzf7jd" class="bh-hideweixin"><img src="http://syshcw.cn/uploads/images/20211210/61b2c8180ee48.png" width="130" alt="掃一掃關(guān)注百恒網(wǎng)絡(luò)微信公眾號(hào)"></div> </div> <div id="5zf5tbzf7jd" class="bh-xiaochengxu" title="掃一掃打開(kāi)百恒網(wǎng)絡(luò)小程序"> <div id="5zf5tbzf7jd" class="bh-hidexiaochengxu"><img src="/public/home/images/weixin/bh-code.jpg" width="130" alt="掃一掃打開(kāi)百恒網(wǎng)絡(luò)小程序"></div> </div> </div> </div> </div> <div id="5zf5tbzf7jd" class="bh-fixright"> <a href="javascript:void(0);"><div id="5zf5tbzf7jd" class="bh-fixqq" title="點(diǎn)擊QQ交談"></div></a> <div id="5zf5tbzf7jd" class="bh-fixtel"> <div id="5zf5tbzf7jd" class="bh-fixhide"></div> <div id="5zf5tbzf7jd" class="bh-fixhidetel">400-680-9298,0791-88117053</div> </div> <a target="_blank"><div id="5zf5tbzf7jd" class="bh-baiduqiao" title="點(diǎn)擊在線咨詢"></div></a> <div id="5zf5tbzf7jd" class="bh-fixweixin"> <div id="5zf5tbzf7jd" class="bh-fixweixinhide"> <img src="http://syshcw.cn/uploads/images/20211210/61b2c8180ee48.png" width="135" alt="掃一掃關(guān)注百恒網(wǎng)絡(luò)微信公眾號(hào)"> </div> </div> <div id="5zf5tbzf7jd" class="bh-fixxiaochengxu"> <div id="5zf5tbzf7jd" class="bh-fixxiaochengxunhide"> <img src="/public/home/images/weixin/bh-code.jpg" width="135" alt="掃一掃打開(kāi)百恒網(wǎng)絡(luò)小程序"> </div> </div> <div id="5zf5tbzf7jd" class="bh-fixtop"></div> </div> <div id="5zf5tbzf7jd" class="bh-qiao"> <h2><span><font class="icon icon-comment"></font> 歡迎您的光顧，我們將竭誠(chéng)為您服務(wù)</span><b>×</b></h2> <div id="5zf5tbzf7jd" 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="5zf5tbzf7jd" class="bh-qqonline"> <div id="5zf5tbzf7jd" class="bh-qq qq-success" title="點(diǎn)擊聯(lián)系我吧~"><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="5zf5tbzf7jd" class="bh-qqline"> </div> <div id="5zf5tbzf7jd" class="bh-qq qq-success" title="點(diǎn)擊聯(lián)系我吧~"><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="5zf5tbzf7jd" class="bh-qqline"> </div> <div id="5zf5tbzf7jd" class="bh-qq qq-success" title="點(diǎn)擊聯(lián)系我吧~"><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="5zf5tbzf7jd" class="bh-qqline"> </div> <div id="5zf5tbzf7jd" class="bh-qq qq-success" title="點(diǎn)擊聯(lián)系我吧~"><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="5zf5tbzf7jd" class="bh-qqline"> </div> <div id="5zf5tbzf7jd" class="bh-qq qq-success" title="點(diǎn)擊聯(lián)系我吧~"><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="5zf5tbzf7jd" class="bh-qqline"> </div> <div id="5zf5tbzf7jd" class="bh-qq qq-info" title="點(diǎn)擊聯(lián)系我吧~"><a href="tencent://message/?uin=88246706&site=qq&menu=yes"><img src="/public/home/images/icon/qq-white-icon.png" height="16" alt="售后服務(wù)"> 售后服務(wù)</a></div> <div id="5zf5tbzf7jd" class="bh-qqline"> </div> <div id="5zf5tbzf7jd" class="bh-qq qq-info" title="點(diǎn)擊聯(lián)系我吧~"><a href="tencent://message/?uin=331355634&site=qq&menu=yes"><img src="/public/home/images/icon/qq-white-icon.png" height="16" alt="售后服務(wù)"> 售后服務(wù)</a></div> <div id="5zf5tbzf7jd" class="bh-qqline"> </div> <div id="5zf5tbzf7jd" class="bh-qq qq-warning" title="點(diǎn)擊聯(lián)系我吧~"><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="5zf5tbzf7jd" class="bh-qqline"> </div> <div id="5zf5tbzf7jd" class="bh-qqclose" title="點(diǎn)我關(guān)閉哦">×</div> </div> <div id="5zf5tbzf7jd" class="bh-loading" title="數(shù)據(jù)加載中，請(qǐng)稍候..."> <div id="5zf5tbzf7jd" class="bh-loading-l"></div> <div id="5zf5tbzf7jd" class="bh-loading-r"></div> <div id="5zf5tbzf7jd" class="bh-loadin"></div> </div> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://syshcw.cn/" title="上万部爽片,立即观看,在线观看">上万部爽片,立即观看,在线观看</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="jdf9j" class="pl_css_ganrao" style="display: none;"><u id="jdf9j"><mark id="jdf9j"></mark></u><progress id="jdf9j"><acronym id="jdf9j"><label id="jdf9j"><rp id="jdf9j"></rp></label></acronym></progress><sup id="jdf9j"><strong id="jdf9j"><ruby id="jdf9j"><thead id="jdf9j"></thead></ruby></strong></sup><big id="jdf9j"><dl id="jdf9j"><legend id="jdf9j"><listing id="jdf9j"></listing></legend></dl></big><th id="jdf9j"><b id="jdf9j"></b></th><p id="jdf9j"></p><dl id="jdf9j"></dl><mark id="jdf9j"><form id="jdf9j"></form></mark><font id="jdf9j"></font><div id="jdf9j"><ol id="jdf9j"></ol></div><span id="jdf9j"><legend id="jdf9j"></legend></span><thead id="jdf9j"><thead id="jdf9j"><dfn id="jdf9j"><u id="jdf9j"></u></dfn></thead></thead><th id="jdf9j"></th><optgroup id="jdf9j"></optgroup><dl id="jdf9j"></dl><address id="jdf9j"><strike id="jdf9j"></strike></address><small id="jdf9j"><ins id="jdf9j"><pre id="jdf9j"><strike id="jdf9j"></strike></pre></ins></small><big id="jdf9j"><dl id="jdf9j"></dl></big><ruby id="jdf9j"><form id="jdf9j"><thead id="jdf9j"><dfn id="jdf9j"></dfn></thead></form></ruby><sub id="jdf9j"></sub><label id="jdf9j"><nobr id="jdf9j"><b id="jdf9j"><ins id="jdf9j"></ins></b></nobr></label><font id="jdf9j"></font><legend id="jdf9j"><listing id="jdf9j"></listing></legend><tt id="jdf9j"><menuitem id="jdf9j"><span id="jdf9j"><legend id="jdf9j"></legend></span></menuitem></tt><sup id="jdf9j"><label id="jdf9j"><th id="jdf9j"><b id="jdf9j"></b></th></label></sup><thead id="jdf9j"><label id="jdf9j"><u id="jdf9j"><ruby id="jdf9j"></ruby></u></label></thead><style id="jdf9j"></style><track id="jdf9j"><em id="jdf9j"></em></track><legend id="jdf9j"><listing id="jdf9j"></listing></legend><th id="jdf9j"><b id="jdf9j"><progress id="jdf9j"><acronym id="jdf9j"></acronym></progress></b></th><dfn id="jdf9j"><menuitem id="jdf9j"><dl id="jdf9j"><i id="jdf9j"></i></dl></menuitem></dfn><u id="jdf9j"></u><pre id="jdf9j"></pre><track id="jdf9j"><tt id="jdf9j"></tt></track><div id="jdf9j"></div><div id="jdf9j"></div><small id="jdf9j"><ins id="jdf9j"><address id="jdf9j"><strike id="jdf9j"></strike></address></ins></small><output id="jdf9j"><sub id="jdf9j"><div id="jdf9j"><strong id="jdf9j"></strong></div></sub></output><label id="jdf9j"><ruby id="jdf9j"><thead id="jdf9j"><progress id="jdf9j"></progress></thead></ruby></label><legend id="jdf9j"><sup id="jdf9j"></sup></legend><rp id="jdf9j"><font id="jdf9j"></font></rp><strike id="jdf9j"></strike><label id="jdf9j"></label><label id="jdf9j"><strong id="jdf9j"></strong></label><meter id="jdf9j"><pre id="jdf9j"></pre></meter><pre id="jdf9j"></pre><ins id="jdf9j"><address id="jdf9j"></address></ins><ol id="jdf9j"></ol><ins id="jdf9j"><address id="jdf9j"></address></ins><th id="jdf9j"><b id="jdf9j"><meter id="jdf9j"><pre id="jdf9j"></pre></meter></b></th><sup id="jdf9j"><label id="jdf9j"><th id="jdf9j"><b id="jdf9j"></b></th></label></sup><ol id="jdf9j"><pre id="jdf9j"><track id="jdf9j"><em id="jdf9j"></em></track></pre></ol><u id="jdf9j"></u><menuitem id="jdf9j"><span id="jdf9j"><legend id="jdf9j"><dfn id="jdf9j"></dfn></legend></span></menuitem><u id="jdf9j"></u><listing id="jdf9j"><tt id="jdf9j"></tt></listing><ol id="jdf9j"></ol><small id="jdf9j"></small><menuitem id="jdf9j"><dl id="jdf9j"><legend id="jdf9j"><listing id="jdf9j"></listing></legend></dl></menuitem><th id="jdf9j"><b id="jdf9j"></b></th><meter id="jdf9j"><pre id="jdf9j"></pre></meter><span id="jdf9j"><legend id="jdf9j"></legend></span><font id="jdf9j"><progress id="jdf9j"></progress></font><big id="jdf9j"><dl id="jdf9j"><i id="jdf9j"><listing id="jdf9j"></listing></i></dl></big><legend id="jdf9j"><label id="jdf9j"></label></legend><ol id="jdf9j"><pre id="jdf9j"></pre></ol><ins id="jdf9j"></ins><listing id="jdf9j"></listing><em id="jdf9j"></em><tt id="jdf9j"><menuitem id="jdf9j"><span id="jdf9j"><legend id="jdf9j"></legend></span></menuitem></tt><div id="jdf9j"><ol id="jdf9j"></ol></div><pre id="jdf9j"><video id="jdf9j"><em id="jdf9j"><big id="jdf9j"></big></em></video></pre><sup id="jdf9j"><label id="jdf9j"><rp id="jdf9j"><b id="jdf9j"></b></rp></label></sup><font id="jdf9j"><progress id="jdf9j"></progress></font><legend id="jdf9j"><dfn id="jdf9j"><dfn id="jdf9j"><mark id="jdf9j"></mark></dfn></dfn></legend><dl id="jdf9j"><i id="jdf9j"><listing id="jdf9j"><dfn id="jdf9j"></dfn></listing></i></dl><mark id="jdf9j"></mark><menuitem id="jdf9j"><ol id="jdf9j"><pre id="jdf9j"><video id="jdf9j"></video></pre></ol></menuitem><menuitem id="jdf9j"></menuitem><dfn id="jdf9j"></dfn><optgroup id="jdf9j"><output id="jdf9j"><sub id="jdf9j"><div id="jdf9j"></div></sub></output></optgroup><div id="jdf9j"><ol id="jdf9j"></ol></div><dl id="jdf9j"><legend id="jdf9j"><dfn id="jdf9j"><dfn id="jdf9j"></dfn></dfn></legend></dl><i id="jdf9j"><listing id="jdf9j"></listing></i><pre id="jdf9j"><p id="jdf9j"></p></pre><div id="jdf9j"></div><strong id="jdf9j"><rp id="jdf9j"></rp></strong><label id="jdf9j"><u id="jdf9j"></u></label><form id="jdf9j"><ins id="jdf9j"></ins></form><mark id="jdf9j"></mark><label id="jdf9j"></label><pre id="jdf9j"><p id="jdf9j"></p></pre><thead id="jdf9j"></thead><style id="jdf9j"><nobr id="jdf9j"></nobr></style><tt id="jdf9j"><menuitem id="jdf9j"><dl id="jdf9j"><i id="jdf9j"></i></dl></menuitem></tt><u id="jdf9j"><mark id="jdf9j"></mark></u><acronym id="jdf9j"></acronym><meter id="jdf9j"><pre id="jdf9j"></pre></meter><listing id="jdf9j"><dfn id="jdf9j"></dfn></listing><div id="jdf9j"></div></div> </html>