집 > 기사 > 웹 프론트엔드 > HTML의 양식에 대한 정보

HTML의 양식에 대한 정보

高洛峰원래의: 2017-03-08 15:55:201088검색

Javascript에서는 페이지의 각

태그 쌍이 양식 객체라는 객체로 구문 분석됩니다.

document.forms를 사용하면 문서에 있는 모든 양식 개체의 컬렉션을 소스 순서대로 가져올 수 있습니다.

如果一个表单对象定义如下：

获得该表单对象的方法：

i> document.forms["frm1"]; // 根据name属性值

ii> document.forms[0]; // 根据索引号

iii> document.frm1; // 直接根据name值获得对象

주의해야 할 양식 속성:

요소: 가져오기 다음 소스 소스별로 정렬된 특정 형식의 모든 컨트롤 모음입니다. 하지만 개체는 이 컬렉션에 없습니다.

var txtName = myform.elements[0]; //获得表单的第一个元素

var txtName = myform.elements["txtName"]; //获得name属性值为"txtName"的元素

var txtName = myform.elements.txtName; //获得name属性值为"txtName"的元素

enctype: 양식의 배수를 설정하거나 가져옵니다. MIME(인터넷 메일 확장) 인코딩을 사용합니다.

파일을 업로드하려면 multipart/form-data로 설정해야 합니다.

각 양식 요소의 텍스트 설명에는

이 태그는 텍스트를 해당 양식 요소에 바인딩하는 데 사용됩니다. 해당 for 속성은 바인딩된 양식 요소의 id 값을 지정합니다. 바인딩 후 텍스트를 클릭하면 마우스가 해당 텍스트 상자에 초점을 맞추거나 해당 옵션을 선택합니다.

특정 데스크탑 테마가 설치된 경우 일부 양식 요소도 색상을 변경하여 메시지를 표시하므로 사용자 경험이 크게 향상됩니다.

샘플 코드:

참고:

i > 각 양식 요소는 태그를 사용하여 사용자 환경을 개선해야 합니다.

ii > 각각의 각 양식 요소에는 name 속성과 id 속성이 할당되어야 합니다.

name 속성: 서버에 데이터를 제출하는 데 사용됩니다.

id 속성: 클라이언트에서 다음과 같은 해당 작업을 수행하는 데 사용됩니다. 등.

(name 속성과 id 속성은 가능하면 동일하거나 관련된 값을 사용해야 합니다.) 작업에서는 name 속성을 사용하는 것을 선호합니다.

일부 특정 양식 요소(예: 라디오 버튼 등)의 경우 이름 속성을 사용하여 요소 값을 얻는 것이 더 쉽고 서버에 데이터를 전송하는 것이 더 편리하기 때문입니다!

Javascript는 덜 일반적으로 사용되는 속성인 양식 양식 요소를 작동합니다.

defaultChecked는 확인란 또는 라디오 버튼 상태를 설정하거나 가져옵니다.

defaultValue는 객체의 초기 콘텐츠를 설정하거나 가져옵니다.

세트를 비활성화하거나 제어 상태를 가져옵니다.

양식 제출

양식 제출 예:

onclick="document.forms['frm'].submit();">

onclick="this.disabled=true; this.form.submit();">

참고:

onclick="document.forms['frm'].submit();">

onclick="this.disabled=true; this.form.submit();">

i > 요소는 트리거되지 않습니다.

이는

ii > 또는 버튼의 클릭 이벤트 사용자가 제출 버튼을 반복적으로 클릭하는 동작을 비활성화하려면

서버의 응답 부담을 줄이기 위해

텍스트 상자 설정 🎜>i > 텍스트 상자의 문자 수를 제어합니다

참고: 여러 줄로 구성된 텍스트 상자 의 최대 길이는 사용자 정의 속성입니다. <textarea>에 문자를 입력하면 줄 바꿈도 한 문자로 계산됩니다. ; </p> <p> </p> <p><br></p> <p>ii > 마우스가 넘어가면 텍스트 상자가 자동으로 선택됩니다 </p> <p><br></p> <table style="border: 0px none; padding: 0px; width: 100%;"><tbody> <tr class="firstRow"><td><script language="javascript"></td></tr> <tr><td>window.onload = function(){</td></tr> <tr><td> var txtName = document.getElementsByName("myName")[0];</td></tr> <tr><td> txtName.onmouseover = function(){</td></tr> <tr><td> this.focus();</td></tr> <tr><td> };</td></tr> <tr><td> txtName.onfocus = function(){</td></tr> <tr><td> this.select();</td></tr> <tr><td> };</td></tr> <tr><td>}</td></tr> <tr><td></script></td></tr> <tr><td><INPUT TYPE="text" NAME="myName" value="默认值被选中" /></td></tr> </tbody></table> <p><br> </p> <p>행동과 구조의 분리를 달성합니다. </p> <p> </p> <p><br></p> <p>라디오 버튼 설정</p> <p>선택한 라디오 버튼 가져오기 및 선택한 라디오 버튼 설정</p> <p> <br></p> <table style="border: 0px none; padding: 0px; width: 100%;"><tbody> <tr class="firstRow"> <td><script 언어="javascript"> ;</td> </tr> <tr><td>//선택한 항목 가져오기</td></tr> <tr><td>function getChoice(){</td></tr> <tr> <td> var oForm = document.forms["myForm1"];</td> </tr> <tr><td> //radioName은 라디오 버튼의 이름 속성 값입니다.</td></tr> <tr><td> var aChoices = oForm.radioName;</td></tr> <tr><td> //단일 선택 목록 전체를 탐색</td></tr> <tr><td> for(i= 0 ;i<aChoices.length;i++) </td></tr> <tr><td> if(aChoices[i].checked) </td></tr> <tr><td> break; 선택한 항목을 찾으면 종료</td></tr> <tr><td> Alert("선택한 항목은 다음과 같습니다: "+aChoices[i].value);</td></tr> <td>}</td> <tr><td>//선택한 항목 설정</td></tr> <tr><td>function setChoice(_num){</td></tr> <tr><td> var oForm = document.forms["myForm1"];</td></tr> <tr> <td> //radioName은 라디오 버튼의 name 속성 값입니다.</td> </tr> <tr><td> oForm.radioName[_num].checked = true; //다른 옵션의 체크값은 자동으로 false로 설정됩니다.</td></tr> <tr><td>} td></td></tr> <tr><td></script><table style="border: 0px none; padding: 0px; width: 100%;"><tbody> <tr class="firstRow"><td><script language="javascript"></td></tr> <tr><td>//获取选中项</td></tr> <tr><td>function getChoice(){</td></tr> <tr><td> var oForm = document.forms["myForm1"];</td></tr> <tr><td> //radioName是单选按钮的name属性值</td></tr> <tr><td> var aChoices = oForm.radioName;</td></tr> <tr><td> //遍历整个单选项表</td></tr> <tr><td> for(i=0;i<aChoices.length;i++) </td></tr> <tr><td> if(aChoices[i].checked) </td></tr> <tr><td> break; //如果发现了被选中项则退出</td></tr> <tr><td> alert("您选中的是："+aChoices[i].value);</td></tr> <tr><td>}</td></tr> <tr><td>//设置选中项</td></tr> <tr><td>function setChoice(_num){</td></tr> <tr><td> var oForm = document.forms["myForm1"];</td></tr> <tr><td> //radioName是单选按钮的name属性值</td></tr> <tr><td> oForm.radioName[_num].checked = true; //其它选项的checked值会自动设置为false</td></tr> <tr><td>}</td></tr> <tr><td></script><br> //调用代码<br> <input type="button" value="获取选中项" onclick="getChoice();" /><br><input type="button" value="设置第1项被选中" onclick="setChoice(0);" /></td></tr> </tbody></table> //호출 코드 <input type="button" value="선택한 항목 가져오기" onclick="getChoice(); /><input type="button" value="선택할 첫 번째 항목 설정" onclick =" setChoice(0);" /></td></tr> </tbody></table> <p><br></p> <p>동일한 라디오 버튼 그룹의 name 속성 값이 동일한지 확인해야 합니다. </p> <p> </p> <p><br></p> <p>체크박스 설정</p> <p>체크박스를 "모두 선택", "모두 선택 취소" 및 "선택 반전" 기능으로 설정</p> <p><br></p> <table style="border: 0px none; padding: 0px; width: 100%;"><tbody> <tr class="firstRow"><td><script language="javascript"></td></tr> <tr><td>function changeBoxes(_action){</td></tr> <tr><td> var myForm = document.forms["myForm1"];</td></tr> <tr><td> //myCheckbox 为所有复选框的name属性值</td></tr> <tr><td> var oCheckBox = myForm.myCheckbox;</td></tr> <tr><td> </td></tr> <tr><td> for(var i=0;i<oCheckBox.length;i++) //遍历每一个选项</td></tr> <tr><td> if(_action < 0)//反选</td></tr> <tr><td> oCheckBox[i].checked = !oCheckBox[i].checked;</td></tr> <tr><td> else </td></tr> <tr><td> //_action为1是则全选,为0时则全不选</td></tr> <tr><td> oCheckBox[i].checked = _action;</td></tr> <tr><td>}</td></tr> <tr><td></script></td></tr> <tr><td><form name="myForm1"></td></tr> <tr><td><input type="checkbox" name="myCheckbox">aa</td></tr> <tr><td><input type="checkbox" name="myCheckbox">bb</td></tr> <tr><td><input type="button" value="全选" onclick="changeBoxes(1);" /></td></tr> <tr><td><input type="button" value="全不选" onclick="changeBoxes(0);" /></td></tr> <tr><td><input type="button" value="反选" onclick="changeBoxes(-1);" /></td></tr> <tr><td></form></td></tr> </tbody></table> <p><br></p> <p> </p> <p><br></p> <p>드롭다운 목록 상자 설정 </p> <p>드롭다운 목록 상자의 다중 속성 드롭다운 목록을 설정하거나 가져오는 데 사용됩니다. 상자에서 여러 옵션을 선택할 수 있는지 여부입니다. </p> <p>드롭다운 목록 상자는 기본적으로 하나의 항목만 선택할 수 있습니다. 여러 항목을 선택하도록 설정하려면 <select multiple = "multiple">을 선택하세요. </p> <p>유형 속성: JavaScript 언어는 유형 속성의 값을 기반으로 드롭다운 목록 상자 선택 컨트롤의 유형을 가져옵니다. </p> <p>type 속성의 값은 select-multiple 또는 select-one입니다(참고: 드롭다운 목록 상자의 유형은 multiple 속성에 의해 제어됩니다). </p> <p>i > 드롭다운 목록 상자의 옵션(단일 옵션 및 다중 옵션) </p> <p><br></p> <table style="border: 0px none; padding: 0px; width: 100%;"><tbody> <tr class="firstRow"><td><script language="javascript"></td></tr> <tr><td>function getSelectValue(_myselect){</td></tr> <tr><td> var oForm = document.forms["myForm1"];</td></tr> <tr><td> //根据参数(下拉列表框的name属性值)获得下拉菜单项</td></tr> <tr><td> var oSelectBox = oForm.elements[_myselect];</td></tr> <tr><td> //判断是单选还是多选</td></tr> <tr><td> if(oSelectBox.type == "select-one"){</td></tr> <tr><td> var iChoice = oSelectBox.selectedIndex; //获取选中项</td></tr> <tr><td> alert("单选，您选中了" + oSelectBox.options[iChoice].text);</td></tr> <tr><td> }</td></tr> <tr><td> else{</td></tr> <tr><td> var aChoices = new Array();</td></tr> <tr><td> //遍历整个下拉菜单</td></tr> <tr><td> for(var i=0;i<oSelectBox.options.length;i++)</td></tr> <tr><td> if(oSelectBox.options[i].selected)//如果被选中</td></tr> <tr><td> //压入到数组中</td></tr> <tr><td> aChoices.push(oSelectBox.options[i].text);</td></tr> <tr><td> //输出结果</td></tr> <tr><td> alert("多选，您选了：" + aChoices.join());</td></tr> <tr><td> }</td></tr> <tr><td>}</td></tr> <tr><td></script></td></tr> <tr><td><form method="post" name="myForm1"></td></tr> <tr><td><select id="mysel" name="mysel" multiple="multiple" style="height:60px;"></td></tr> <tr><td> <option value="a">AA</option></td></tr> <tr><td> <option value="b">BB</option></td></tr> <tr><td> <option value="c">CC</option></td></tr> <tr><td></select></td></tr> <tr><td><input type="button" onclick="getSelectValue('mysel')" value="查看选项" /></td></tr> </tbody></table> <p><br></p> <p> </p> <p>ii > 드롭다운 목록 상자 옵션 추가</p> <p>끝에 새 옵션 추가</p> <p><br></p> <table style="border: 0px none; padding: 0px; width: 100%;"><tbody> <tr class="firstRow"><td><script language="javascript"></td></tr> <tr><td>function AddOption(Box){ //追加选项到末尾</td></tr> <tr><td> var oForm = document.forms["myForm1"];</td></tr> <tr><td> var oBox = oForm.elements[Box];</td></tr> <tr><td> var oOption = new Option("乒乓球","Pingpang");</td></tr> <tr><td> oBox.options[oBox.options.length] = oOption;</td></tr> <tr><td>}</td></tr> <tr><td></script></td></tr> </tbody></table> <p><br></p> <p>지정된 위치에 새 옵션 삽입</p> <p><br></p> <table style="border: 0px none; padding: 0px; width: 100%;"><tbody> <tr class="firstRow"><td><script language="javascript"></td></tr> <tr><td>function AddOption(_select,_num){</td></tr> <tr><td> var oForm = document.forms["myForm1"];</td></tr> <tr><td> var oBox = oForm.elements[_select];</td></tr> <tr><td> var oOption = new Option("text值","value值");</td></tr> <tr><td> //兼容IE7，先添加选项到最后，再移动</td></tr> <tr><td> oBox.options[oBox.options.length] = oOption;</td></tr> <tr><td> oBox.insertBefore(oOption,oBox.options[_num]);</td></tr> <tr><td>}</td></tr> <tr><td></script></td></tr> <tr><td><input type="button" value="添加乒乓球" onclick="AddOption('myselect',1);" /></td></tr> </tbody></table> <p><br></p> <p>참고: 사용하는 경우 직접 insertBefore() 메서드가 옵션을 삽입하면 IE에 빈 옵션 버그가 나타납니다. IE의 이러한 버그를 해결하려면 새 옵션을 맨 끝에 추가한 후 insertBefore() 메서드를 사용하여 해당 위치로 이동하면 됩니다. </p> <p> </p> <p><br></p> <p>이와 비슷합니다. 브라우저의 특정 버그나 제한 사항을 우회하고 의도한 목적을 달성하기 위해 일반적으로 작은 트릭을 해킹이라고 합니다. </p> <p> </p> <p>iii > oBox.options를 통해 </p> <p><br></p> <table style="border: 0px none; padding: 0px; width: 100%;"><tbody> <tr class="firstRow"><td><script language="javascript"></td></tr> <tr><td>//替换选项</td></tr> <tr><td>function ReplaceOption(_select,_num){</td></tr> <tr><td> var oForm = document.forms["myForm1"];</td></tr> <tr><td> var oBox = oForm.elements[_select];</td></tr> <tr><td> var oOption = new Option("text值","value值");</td></tr> <tr><td> oBox.options[_num] = oOption; //替换第_num 个选项</td></tr> <tr><td>}</td></tr> <tr><td></script></td></tr> <tr><td><input type="button" value="替换选项" onclick="ReplaceOption('selName',1);" /></td></tr> </tbody></table> <p><br></p> <p> 교체 _num] = oOption은 지정된 위치의 옵션을 생성된 새 옵션으로 직접 대체합니다. </p> <p> </p> <p>iv > oBox 옵션을 통해 직접 </p> <p><br></p> <table style="border: 0px none; padding: 0px; width: 100%;"><tbody> <tr class="firstRow"><td><script language="javascript"></td></tr> <tr><td>function RemoveOption(_select,_num){</td></tr> <tr><td> var oForm = document.forms["myForm1"];</td></tr> <tr><td> var oBox = oForm.elements[_select];</td></tr> <tr><td> oBox.options[_num] = null; //删除选项</td></tr> <tr><td>}</td></tr> <tr><td></script></td></tr> <tr><td></head></td></tr> <tr><td><body></td></tr> <tr><td><select id="mysel" name="mysel" multiple="multiple"></td></tr> <tr><td>......</td></tr> <tr><td><input type="button" value="删除选项" onclick="RemoveOption('mysel',1);" /></td></tr> </tbody></table> <p><br></p> 옵션을 삭제하세요. [_num] = 삭제 옵션이 null입니다. <p></p> <p></p><p>위 내용은 HTML의 양식에 대한 정보의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!</p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>성명：</span><div>본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.</div></div></div><div class="nphpSytBox"><span>이전 기사：<a class="dBlack" title="HTML 구문 분석 원칙에 대한 설명" href="http://m.php.cn/ko/faq/355555.html">HTML 구문 분석 원칙에 대한 설명</a></span><span>다음 기사：<a class="dBlack" title="HTML 구문 분석 원칙에 대한 설명" href="http://m.php.cn/ko/faq/355560.html">HTML 구문 분석 원칙에 대한 설명</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>관련 기사</h2><em><a href="http://m.php.cn/ko/article.html" class="bBlack"><i>더보기</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/ko/faq/348757.html" title="HTML 지식 요약" class="aBlack">HTML 지식 요약</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/348804.html" title="HTML을 빨리 배우는 방법" class="aBlack">HTML을 빨리 배우는 방법</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/348873.html" title="html xhtml xml의 차이점" class="aBlack">html xhtml xml의 차이점</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/348884.html" title="src와 href 속성의 차이점" class="aBlack">src와 href 속성의 차이점</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/348902.html" title="HTML5 및 CSS 대체 사용 정보" class="aBlack">HTML5 및 CSS 대체 사용 정보</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/ko/"><b class="icon1"></b><p>집</p></a></li><li><a href="http://m.php.cn/ko/course.html"><b class="icon2"></b><p>강의</p></a></li><li><a href="http://m.php.cn/ko/wenda.html"><b class="icon4"></b><p>Q&A</p></a></li><li><a href="http://m.php.cn/ko/login"><b class="icon5"></b><p>나의</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/ko/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/ko/"><b class="icon1"></b><span>집</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/course.html"><b class="icon2"></b><span>강의</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/article.html"><b class="icon3"></b><span>기사</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/wenda.html"><b class="icon4"></b><span>Q&A</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/dic.html"><b class="icon6"></b><span>사전</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/course/type/99.html"><b class="icon7"></b><span>수동</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/xiazai/"><b class="icon8"></b><span>다운로드</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/faq/zt" title="주제"><b class="icon12"></b><span>주제</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/ko/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/ko/" >집</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/article.html" class="hover">기사</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/wenda.html" >Q&A</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/course.html" >강의</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/faq/zt" >주제</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/xiazai" >다운로드</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/game" >게임</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/dic.html" >사전</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>（ZH-CN）</span></a><a onclick="javascript:setlang('en');" class="language course-right-orders chooselan " href="javascript:;"><span>English</span><span>（EN）</span></a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;"><span>繁体中文</span><span>（ZH-TW）</span></a><a onclick="javascript:setlang('ja');" class="language course-right-orders chooselan " href="javascript:;"><span>日本語</span><span>（JA）</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>한국어</span><span>（KO）</span></a><a onclick="javascript:setlang('ms');" class="language course-right-orders chooselan " href="javascript:;"><span>Melayu</span><span>（MS）</span></a><a onclick="javascript:setlang('fr');" class="language course-right-orders chooselan " href="javascript:;"><span>Français</span><span>（FR）</span></a><a onclick="javascript:setlang('de');" class="language course-right-orders chooselan " href="javascript:;"><span>Deutsch</span><span>（DE）</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时，自动初始化swiper observeParents: true,//修改swiper的父元素时，自动初始化swiper }); </script></div></div><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>