JSF技術(shù)為開發(fā)基于網(wǎng)絡(luò)用戶界面的Java開發(fā)者提供了標(biāo)準(zhǔn)的編程接口API以及標(biāo)記庫。Apache Struts框架的作者Craig McClanahan，協(xié)助領(lǐng)導(dǎo)了Sun公司的JSF項目。這使項目能夠容易的從流行的Apache向JSF標(biāo)準(zhǔn)移植得到了保證。就像Struts框架一樣，JSF定義了一套JSP標(biāo)記，能夠生成與JavaBean屬性綁定在一起的HTML表單元素。

和平ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：028-86922220（備注：SSL證書合作）期待與您的合作！

本系列第一篇：JAVA教程之JSF開發(fā)(一)

用戶界面組件與驗證

文件edit.jsp中的元素包含多個用戶界面組件，我們將會在后面詳細(xì)地介紹。各組件的HTML代碼都是由JSF組件標(biāo)記產(chǎn)生，例如：，該標(biāo)記中可能還會包含其他JSF標(biāo)記，如：標(biāo)記，該標(biāo)記使JSF確認(rèn)用戶輸入了信息。

處理用戶輸入的組件使用屬性valueRef="pbean.property"與JavaBean屬性綁定起來。JSF獲得和設(shè)置管理bean屬性值已在前面介紹了。

有的JSF組件標(biāo)記不會處理任何用戶輸入。例如可用于輸出文本或JavaBean只讀屬性的值。

每個組件都有唯一的ID，ID可在id屬性中指定或由JSF自動生成。要進行驗證的用戶界面組件需要id屬性以便驗證錯誤能夠與一起顯示打印出來。

圖2：驗證錯誤

文本域Text Area

JSF表單的文本域讓用戶輸入將會由Pbuilder.java生成并由view.jsp顯示的某些文字段落等內(nèi)容。edit.jsp顯示一個由確定的標(biāo)簽并使用生成3行30列的HTML元素。<f:validate_required>標(biāo)記注冊一個JSF驗證器，如果用戶在文本域中的輸入為空則發(fā)出錯誤信號。</p><p>錯誤信息將顯示在<h:output_errors>標(biāo)記的位置，除了顯示錯誤外該標(biāo)記不會做其他任何操作。<h:output_errors>標(biāo)記的for屬性值與<h:input_textarea>的id屬性值相同。</p><pre> <ol> <li><f:use_faces> </li> <li><h:form formName="pform"> </li> <li><p><h:output_text value="Text:"/><br> </li> <li><h:input_textarea id="text" valueRef="pbean.text" </li> <li>rows="3" cols="30"> </li> <li><f:validate_required/> </li> <li></h:input_textarea> </li> <li><br><h:output_errors for="text"/> </li> <li>..........  </li> <li></h:form> </li> <li></f:use_faces> </li> </ol> </pre><p>上面的JSP代碼生成下面的HTML片斷：</p><pre> <ol> <li><form method="post" action="/usingjsf/faces/edit.jsp"> </li> <li><p>Text:<br> </li> <li><textarea name="text"   </li> <li>cols="30" rows="3">JavaServer Faces 

的屬性valueRef="pbean.text"使JSF查找ID為pbean的JavaBean實例，并且將用戶輸入的文本存儲到JavaBean實例的text屬性中。當(dāng)HTML的表單被生成后，JSF會將text屬性值插入到HTML元素中。類Pbean實現(xiàn)了get和set方法可讓JSF獲得或修改屬性的值：</p><pre> <ol> <li>public class PBean implements java.io.Serializable {  </li> <li>private String text;  </li> <li>public String getText() {  </li> <li>return text;  </li> <li>}  </li> <li>public void setText(String text) {  </li> <li>this.text = text;  </li> <li>}  </li> <li>..........  </li> <li>} </li> </ol></pre><p>除了<h:input_textarea>，JSF還提供了許多生成單行文本域（text field）的標(biāo)記：</p><pre> <ol> <li><intput_text>  </li> <li><h:input_number>  </li> <li><input_secret>（密碼輸入）  </li> <li><input_date>  </li> <li><input_datetime>  </li> <li><input_time>  </li> <li><input_hidden>可被用于隱藏的表單域 </li> </ol></pre><p>#p#</p><p><strong>單行文本域（Text Field）</strong></p><p>edit.jsp文件的單行文本域組件只允許輸入1至7之間的數(shù)字。由<h:input_number>生成這段HTML代碼，該標(biāo)記包含兩個驗證器。<f:validate_required>標(biāo)記在前面已經(jīng)介紹了。<f:validate_longrange>標(biāo)記是使驗證器確認(rèn)用戶輸入的數(shù)字在給定的范圍之內(nèi)。如果超出范圍，則向用戶報告驗證錯誤，錯誤信息由<h:output_errors>產(chǎn)生。</p><pre> <ol> <li>[code]<f:use_faces> </li> <li><h:form formName="pform"> </li> <li>..........  </li> <li><p><h:output_text value="Size: [1-7]"/><br> </li> <li><h:input_number id="size" valueRef="pbean.size" size="2"> </li> <li><f:validate_required/> </li> <li><f:validate_longrange minimum="1" maximum="7"/> </li> <li></h:input_number> </li> <li><br><h:output_errors for="size"/> </li> <li>..........   </li> <li></h:form> </li> <li></f:use_faces> </li> <li>[/code] </li> </ol></pre><p>上面的JSP代碼生成下面的HTML片斷：</p><pre> <ol> <li><form method="post" action="/usingjsf/faces/edit.jsp"> </li> <li>..........  </li> <li><p>Size: [1-7]<br> </li> <li><input type="text" name="sie" id="size" value="3" size="2"> </li> <li><br> </li> <li>..........  </li> <li></form> </li> </ol></pre><p>單行文本域被定為size，類型為整形（int）。size中value屬性的值（3）是表示所生成的HTML表單數(shù)字輸入?yún)^(qū)域的初值。假設(shè)沒有出現(xiàn)驗證錯誤，當(dāng)JSF收到包含新JavaBean size屬性值的用戶輸入就會刷新JavaBean。<h:input_number>標(biāo)記的size屬性是限定單行文本域的字符長度（2），不會對JavaBean屬性有其他操作。</p><pre> <ol> <li>public class PBean implements java.io.Serializable {  </li> <li>..........  </li> <li>private int size;  </li> <li>public int getSize() {  </li> <li>return size;  </li> <li>}  </li> <li>public void setSize(int size) {  </li> <li>this.size = size;  </li> <li>}  </li> <li>..........  </li> <li>} </li> </ol></pre><p>除了<f:validate_required>與<f:validate_longrange>標(biāo)記，JSF還提供了幾個驗證器標(biāo)記：</p><ul><li><validate_doublerange></li><li><validate_stringrange></li><li><validate_length></li><li><validator></li></ul><p>最后一個為通用標(biāo)記，可以用它在用戶界面組件中注冊你自己的定制驗證器。你也能夠創(chuàng)建自己的驗證器標(biāo)記庫。</p><p>#p#</p><p><strong>列表List Box<br /></strong><br /> <h:selectone_listbox>與<h:selectmany_listbox>標(biāo)記生成HTML元素<select>，網(wǎng)頁瀏覽器會將<select>顯示為列表。前者允許用戶進行單項選擇，后者用于多項選擇。</p><p>文件edit.jsp使用<h:selectmany_listbox>標(biāo)記生成一個含有幾個字體名稱的列表。HTML的<option>元素定義列表中的選項，這由JSF標(biāo)記<h:selectitem>生成：</p><pre> <ol> <li><f:use_faces> </li> <li><h:form formName="pform"> </li> <li>..........  </li> <li><p><h:output_text value="Font:"/><br> </li> <li><h:selectmany_listbox id="font" valueRef="pbean.font"> </li> <li><h:selectitem itemvalue="Arial" </li> <li>itemLabel="Arial"/> </li> <li><h:selectitem itemvalue="Courier New" </li> <li>itemLabel="Courier New"/> </li> <li><h:selectitem itemvalue="Times New Roman" </li> <li>itemLabel="Times New Roman"/> </li> <li></h:selectmany_listbox> </li> <li>..........  </li> <li></h:form> </li> <li></f:use_faces> </li> </ol></pre><p>上面的代碼生成下面的HTML片斷：</p><pre> <ol> <li><form method="post" action="/usingjsf/faces/edit.jsp"> </li> <li>..........  </li> <li><p>Font:<br> </li> <li><select name="font" multiple size="3">   </li> <li><option value="Arial" selected>Arial</option> </li> <li><option value="Courier New" selected>Courier New</option> </li> <li><option value="Times New Roman">Times New Roman</option> </li> <li></select> </li> <li>..........  </li> <li></form> </li> </ol></pre><p>列表被定義為font，類型為字符串?dāng)?shù)組（String[]）。第一個getFont()方法使用clone()方法復(fù)制內(nèi)部的數(shù)組并將其返回，內(nèi)部數(shù)組必須從外部訪問中得到保護。第一個setFont()方法用clone()方法復(fù)制所提供的數(shù)組并保存起來，所提供的數(shù)組可被第二個setFont()方法修改。</p><pre> <ol> <li>public class PBean implements java.io.Serializable {  </li> <li>..........  </li> <li>private String fontArray[];  </li> <li>public String[] getFont() {  </li> <li>return (String[]) fontArray.clone();  </li> <li>}  </li> <li>public void setFont(String fontArray[]) {  </li> <li>this.fontArray = (String[]) fontArray.clone();  </li> <li>}  </li> <li>public String getFont(int index) {  </li> <li>return fontArray[index];  </li> <li>}  </li> <li>public void setFont(int index, String font) {  </li> <li>if (fontArray == null)  </li> <li>fontArray = new String[index+1];  </li> <li>else if (fontArray.length <= index) {  </li> <li>String oldFontArray[] = fontArray;  </li> <li>fontArray = new String[index+1];  </li> <li>for (int i = 0; i < oldFontArray.length; i++)  </li> <li>fontArray[i] = oldFontArray[i];  </li> <li>}  </li> <li>fontArray[index] = font;  </li> <li>}  </li> <li>..........  </li> <li>} </li> </ol></pre><p>當(dāng)生成HTML表單時，JSF將所選的HTML屬性加入到列表選項，列表選項的值被保存在JavaBean模型的字體數(shù)組中。假設(shè)沒有驗證錯誤，JSF會在接收到用戶新的選擇字體的輸入時刷新JavaBean屬性。</p><p>【編輯推薦】</p><ol><li>JSF文件在web.xml中啟動異常</li><li>Ajax優(yōu)于JSF的幾個原因討論</li><li>JSF理解組件和客戶端標(biāo)識符</li><li>JSP像烏云般擋住了JSF的光芒</li><li>MyEclipse開發(fā)JSF之創(chuàng)建工程淺析</li></ol> <br> 網(wǎng)站題目：JAVA教程之JSF開發(fā)(二) <br> 文章分享：<a href="http://uogjgqi.cn/article/djgojhg.html">http://uogjgqi.cn/article/djgojhg.html</a> </div> <div id="jf1pnr3" class="view-qrocde cl"> <div id="55hd5rl" class="m z"><img src="/Public/Home/images/ew.jpg"/></div> <div id="xlrn15n" class="text"> <h6>掃二維碼與項目經(jīng)理溝通</h6> <p>我們在微信上24小時期待你的聲音</p> <p>解答本文疑問/技術(shù)咨詢/運營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流</p> </div> </div> <div id="aittjqi" class="othernews cl"> <h3>其他資訊</h3> <ul> <li><a href="/article/dhoodcs.html">dns的服務(wù)器無法連接如何解決問題</a></li><li><a href="/article/dhoooep.html">計算機語言一般分為</a></li><li><a href="/article/dhooopg.html">7代u到底可不可以安裝win7系統(tǒng)？（u啟動重裝windows7系統(tǒng)）</a></li><li><a href="/article/dhoodsh.html">云服務(wù)器如何更改用戶名？服務(wù)器用戶名怎么修改</a></li><li><a href="/article/dhoodci.html">云主機如何配置網(wǎng)站</a></li> </ul> </div> </div> </div> <div id="pvab6fu" class="sidebar"> <div id="rdfgowd" class="tuijian"> <a href="#"> <h2 class="cl"><span>行業(yè)動態(tài)</span></h2> <h3>企業(yè)網(wǎng)站建設(shè)的重要性！</h3> <p>現(xiàn)在雖然是移動互聯(lián)網(wǎng)時代，但企業(yè)網(wǎng)站依然重要，包含PC站點，移動站。可以說企業(yè)網(wǎng)站關(guān)系企業(yè)的未來發(fā)展和前途，尤其對中小企業(yè)更是如此，一些中小企業(yè)老板，對自己的名片很在乎，因為這是個門面。...</p> </a> </div> <div id="keascm7" class="ser sidesub"> <h2>服務(wù)項目</h2> <ul class="ebox"> <li id="h8hkvn3" class="sub sub-1"> <div> <h3>網(wǎng)站建設(shè)</h3> <p></p> <a class="btn" href="/serve/website/">查看詳情</a> </div> </li> <li id="97umlji" class="sub sub-1"> <div> <h3>移動端/APP</h3> <p></p> <a class="btn" href="/serve/moblie/">查看詳情</a> </div> </li> <li id="wub33hn" class="sub sub-1"> <div> <h3>微信/小程序</h3> <p></p> <a class="btn" href="/serve/small/">查看詳情</a> </div> </li> <li id="gkjfezb" class="sub sub-1"> <div> <h3>技術(shù)支持</h3> <p></p> <a class="btn" href="/serve/tech/">查看詳情</a> </div> </li> <li id="gtpwa88" class="sub sub-1"> <div> <h3>其它服務(wù)</h3> <p></p> <a class="btn" href="/serve/othe/">查看詳情</a> </div> </li> <li id="qcilhf2" class="sub sub-5"> <div> <h3>更多服務(wù)項目</h3> <p> <a>用我們的專業(yè)和誠信贏得您的信賴，從PC到移動互聯(lián)網(wǎng)均有您想要的服務(wù)！</a></p> <a class="btn" href="/serve/">獲取更多</a> </div> </li> </ul> </div> <div id="w8hnbdm" class="contact" id="fix"> <h2 class="cl"> <span>聯(lián)系吧</span> <a class="ditu" rel="nofollow" target="_blank">在百度地圖上找到我們</a> </h2> <h3>電話：13518219792</h3> <p>如遇占線或暫未接聽請撥：136xxx98888</p> <div id="fog3jqt" class="qq"> <a rel="nofollow" target="_blank">業(yè)務(wù)咨詢</a> <a rel="nofollow" target="_blank">技術(shù)咨詢</a> <a rel="nofollow" target="_blank">售后服務(wù)</a> </div> </div> </div> <script> //固定滾動 (function () { var oDiv = document.getElementById("fix"); var H = 120, iE6; var Y = oDiv; while (Y) { H += Y.offsetTop; Y = Y.offsetParent }; iE6 = window.ActiveXObject && !window.XMLHttpRequest; if (!iE6) { window.onscroll = function () { var s = document.body.scrollTop || document.documentElement.scrollTop; if (s > H) { oDiv.className = "contact fixed"; if (iE6) { oDiv.style.top = (s - H) + "px"; } } else { oDiv.className = "contact "; } }; } })(); </script> </div> <div id="s2ttz82" class="footer"> <div id="exfmft8" class="wp"> <div id="rkjqb3y" class="wpss cl"> <dl class="about"> <dt>網(wǎng)站設(shè)計</dt> <dd><a target="_blank" title="梓潼網(wǎng)站設(shè)計">梓潼網(wǎng)站設(shè)計</a></dd><dd><a target="_blank" title="成都網(wǎng)站設(shè)計">成都網(wǎng)站設(shè)計</a></dd><dd><a target="_blank" title="成都網(wǎng)站設(shè)計">成都網(wǎng)站設(shè)計</a></dd><dd><a target="_blank" title="響應(yīng)式網(wǎng)站設(shè)計方案">響應(yīng)式網(wǎng)站設(shè)計方案</a></dd> </dl> <dl class="about"> <dt>網(wǎng)站制作</dt> <dd><a target="_blank" title="成都網(wǎng)站制作">成都網(wǎng)站制作</a></dd><dd><a target="_blank" title="手機網(wǎng)站制作設(shè)計">手機網(wǎng)站制作設(shè)計</a></dd><dd><a target="_blank" title="網(wǎng)站制作">網(wǎng)站制作</a></dd><dd><a target="_blank" title="成都網(wǎng)站制作">成都網(wǎng)站制作</a></dd> </dl> <dl class="contact"> <dt>聯(lián)系我們</dt> <dd>電話：13518219792</dd> <dd>郵箱：631063699@qq.com</dd> <dd>地址：成都青羊區(qū)錦天國際1002號</dd> <dd>網(wǎng)址：uogjgqi.cn</dd> </dl> <dl class="about" style="margin-left:50px;width:235px;"> <dt>網(wǎng)站建設(shè)</dt> <dd><a target="_blank" title="成都網(wǎng)站建設(shè)推廣">成都網(wǎng)站建設(shè)推廣</a></dd><dd><a target="_blank" title="成都門戶網(wǎng)站建設(shè)">成都門戶網(wǎng)站建設(shè)</a></dd><dd><a target="_blank" title="成都定制網(wǎng)站建設(shè)">成都定制網(wǎng)站建設(shè)</a></dd><dd><a target="_blank" title="營銷網(wǎng)站建設(shè)">營銷網(wǎng)站建設(shè)</a></dd> <!--成都網(wǎng)站建設(shè) 成都網(wǎng)站制作 成都做網(wǎng)站 網(wǎng)站建設(shè)公司--> </dl> <dl class="flow"> <dt></dt> <div id="e3unsil" class="ma cl"> <div id="p3rgpii" class="m"> <img src="/Public/Home/images/ew.jpg" /> <p>微信二維碼</p> </div> </div> </dl> </div> </div> <div id="8t3lb8s" class="footer-link wp"> <ul class="wpss cl"> <li id="8g8rvvq" class="fisrt">友情鏈接</li> <li><a title="成都托管服務(wù)器" target="_blank">成都托管服務(wù)器</a></li><li><a title="成都網(wǎng)站推廣" target="_blank">成都網(wǎng)站推廣</a></li><li><a title="南充發(fā)電機維保" target="_blank">南充發(fā)電機維保</a></li><li><a title="成都定制化軟件開發(fā)" target="_blank">成都定制化軟件開發(fā)</a></li><li><a title="成都食堂運營" target="_blank">成都食堂運營</a></li><li><a title="高端網(wǎng)站建設(shè)" target="_blank">高端網(wǎng)站建設(shè)</a></li><li><a title="網(wǎng)絡(luò)口碑營銷" target="_blank">網(wǎng)絡(luò)口碑營銷</a></li><li><a title="宜賓柴油發(fā)電機" target="_blank">宜賓柴油發(fā)電機</a></li><li><a href="https://www.cdcxhl.cn/ " title="香港空間騰訊云" target="_blank">香港空間騰訊云</a></li><li><a title="大華攝像頭" target="_blank">大華攝像頭</a></li> </ul> </div> </div> <div id="nlif7er" class="bot-footer"> <div id="u8vzalf" class="wp"> <p class="wpss"> <em>Copyright © 2002-2023 uogjgqi.cn 快上網(wǎng)建站品牌 QQ：244261566 版權(quán)所有</em> <em>備案號：<a rel="external nofollow">蜀ICP備19037934號</a></em> </p> <p class="wpss" style="line-height:30px !important;"> </p> </div> </div> <div id="axgamex" class="footer-kefu"> <ul> <li id="3qf3l7e" class="qq"><a ><em></em>在線咨詢</a> </li> <li id="aofrmkc" class="tel"><a href="tel:13518219792" target="_blank"><em></em>13518219792</a></li> <li id="xlqvsd8" class="wx"> <em></em> <div id="ajxtmyf" class="code"> <img src="/Public/Home/images/ew.jpg" /> <p>微信二維碼</p> </div> </li> <li id="d7xoe82" class="m"> <em></em> <div id="wfnkyxp" class="code"> <img src="/Public/Home/images/ew.jpg" /> <p>移動版官網(wǎng)</p> </div> </li> <li id="moi3lmp" class="top"><em></em></li> </ul> </div> <script src="/Public/Home/js/all.js"></script> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://uogjgqi.cn/" title="av激情亚洲男人的天堂国语,日韩欧美精品一中文字幕,无码av一区二区三区无码,国产又色又爽又刺激的a片,国产又色又爽又刺激的a片">av激情亚洲男人的天堂国语</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="t32td" class="pl_css_ganrao" style="display: none;"><menu id="t32td"></menu><video id="t32td"><u id="t32td"></u></video><strong id="t32td"></strong><em id="t32td"></em><td id="t32td"><abbr id="t32td"><strong id="t32td"><pre id="t32td"></pre></strong></abbr></td><strong id="t32td"><strike id="t32td"><dd id="t32td"><pre id="t32td"></pre></dd></strike></strong><sup id="t32td"></sup><blockquote id="t32td"></blockquote><ins id="t32td"></ins><menu id="t32td"></menu><bdo id="t32td"></bdo><sup id="t32td"></sup><bdo id="t32td"></bdo><listing id="t32td"><pre id="t32td"></pre></listing><code id="t32td"></code><kbd id="t32td"><optgroup id="t32td"></optgroup></kbd><listing id="t32td"></listing><label id="t32td"></label><optgroup id="t32td"><strong id="t32td"><var id="t32td"><dl id="t32td"></dl></var></strong></optgroup><pre id="t32td"></pre><tr id="t32td"><tt id="t32td"></tt></tr><object id="t32td"><pre id="t32td"><tt id="t32td"></tt></pre></object><ul id="t32td"></ul><s id="t32td"><menu id="t32td"><legend id="t32td"></legend></menu></s><em id="t32td"></em><source id="t32td"><sup id="t32td"></sup></source><tbody id="t32td"><menuitem id="t32td"></menuitem></tbody><ins id="t32td"></ins><strong id="t32td"><s id="t32td"></s></strong><abbr id="t32td"><strong id="t32td"></strong></abbr><optgroup id="t32td"><sup id="t32td"><code id="t32td"></code></sup></optgroup><blockquote id="t32td"></blockquote><small id="t32td"></small><output id="t32td"></output><ol id="t32td"><tbody id="t32td"><menuitem id="t32td"><kbd id="t32td"></kbd></menuitem></tbody></ol><sup id="t32td"><tfoot id="t32td"><dd id="t32td"></dd></tfoot></sup><tbody id="t32td"></tbody><object id="t32td"></object><strong id="t32td"><strike id="t32td"><span id="t32td"></span></strike></strong><kbd id="t32td"></kbd><strike id="t32td"></strike><video id="t32td"></video><small id="t32td"><i id="t32td"><legend id="t32td"><acronym id="t32td"></acronym></legend></i></small><dfn id="t32td"></dfn><legend id="t32td"><menu id="t32td"></menu></legend><menu id="t32td"><dl id="t32td"></dl></menu><ins id="t32td"></ins><strong id="t32td"><s id="t32td"><span id="t32td"></span></s></strong><i id="t32td"></i><sup id="t32td"></sup><listing id="t32td"><pre id="t32td"></pre></listing><ruby id="t32td"><listing id="t32td"><pre id="t32td"><div id="t32td"></div></pre></listing></ruby><meter id="t32td"><ul id="t32td"></ul></meter><pre id="t32td"></pre><dl id="t32td"></dl><del id="t32td"></del><dfn id="t32td"><fieldset id="t32td"><legend id="t32td"></legend></fieldset></dfn><ruby id="t32td"><noscript id="t32td"><pre id="t32td"><sup id="t32td"></sup></pre></noscript></ruby><td id="t32td"><thead id="t32td"></thead></td><label id="t32td"></label><button id="t32td"></button><address id="t32td"></address><strong id="t32td"><u id="t32td"></u></strong><strike id="t32td"></strike><td id="t32td"><thead id="t32td"></thead></td><rt id="t32td"><form id="t32td"></form></rt><label id="t32td"><sup id="t32td"></sup></label><ins id="t32td"></ins><code id="t32td"><thead id="t32td"><xmp id="t32td"><tt id="t32td"></tt></xmp></thead></code><center id="t32td"></center><meter id="t32td"><ul id="t32td"></ul></meter><em id="t32td"></em><dfn id="t32td"><ins id="t32td"><delect id="t32td"><dfn id="t32td"></dfn></delect></ins></dfn><font id="t32td"><blockquote id="t32td"><samp id="t32td"><acronym id="t32td"></acronym></samp></blockquote></font><video id="t32td"></video><dl id="t32td"><progress id="t32td"></progress></dl><pre id="t32td"></pre><button id="t32td"><nobr id="t32td"></nobr></button><optgroup id="t32td"><sup id="t32td"><ol id="t32td"><thead id="t32td"></thead></ol></sup></optgroup><tfoot id="t32td"></tfoot><pre id="t32td"><menu id="t32td"></menu></pre><center id="t32td"><tr id="t32td"></tr></center><button id="t32td"></button><sup id="t32td"><sub id="t32td"><mark id="t32td"><track id="t32td"></track></mark></sub></sup><code id="t32td"></code><ul id="t32td"></ul><option id="t32td"><listing id="t32td"></listing></option><tt id="t32td"><rp id="t32td"><tbody id="t32td"></tbody></rp></tt><rp id="t32td"><ins id="t32td"><output id="t32td"><li id="t32td"></li></output></ins></rp><menuitem id="t32td"><tt id="t32td"><b id="t32td"><noframes id="t32td"></noframes></b></tt></menuitem><strike id="t32td"></strike><dl id="t32td"></dl><strike id="t32td"></strike><center id="t32td"><del id="t32td"></del></center><input id="t32td"></input><tfoot id="t32td"></tfoot><tt id="t32td"><b id="t32td"></b></tt><pre id="t32td"><rt id="t32td"><ol id="t32td"><tbody id="t32td"></tbody></ol></rt></pre><dd id="t32td"><legend id="t32td"></legend></dd><output id="t32td"><ruby id="t32td"></ruby></output></div> </html> <script> $(".cont 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>