Kod pelaksanaan pemprosesan borang JavaScript_pengetahuan asas

Pengenalan satu bentuk

Dalam HTML, borang diwakili oleh elemen

manakala dalam JavaScript, borang sepadan dengan jenis HTMLFormElement;

//HTMLFormElement mewarisi HTMLElement; oleh itu ia mempunyai atribut lalai elemen HTML, dan juga mempunyai atribut dan kaedahnya sendiri;
Sifat dan kaedah HTMLFormElement
Perihalan atribut atau kaedah
acceptCharset Set aksara yang boleh dikendalikan oleh pelayan;
tindakan menerima URL yang diminta;
elemen Himpunan semua kawalan dalam bentuk;
enctype meminta jenis pengekodan;
panjang Bilangan kawalan dalam bentuk;
kaedah Jenis permintaan HTTP untuk dihantar, biasanya 'dapat' atau 'siarkan';
nama Nama borang;
nama tetingkap sasaran yang digunakan untuk menghantar permintaan dan menerima respons;
reset() menetapkan semula semua borang;
submit() hantar borang;

1 Dapatkan borang
document.getElementById('myForm'); // Gunakan ID untuk mendapatkan elemen document.getElementsByTagName('form')[0]; // Gunakan untuk mendapatkan elemen pertama dalam koleksi elemen borang; document.forms[0]; // Gunakan subskrip berangka borang untuk mendapatkan elemen;
document.forms['myForm']; // Gunakan subskrip nama borang untuk mendapatkan elemen;

2. Hantar borang

(1). Melalui objek acara, anda boleh menghalang gelagat lalai penyerahan

Salin kod Kod adalah seperti berikut: addEvent(fm,'submit',function(evt){

          preDef(evt);

});



(2). Kami boleh menggunakan kaedah hantar() untuk menyesuaikan pencetus acara hantar;

Salin kod

Kod adalah seperti berikut: Jika(e.ctrlKey && e.keyCode ==13){                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           }

// PS: Cuba elakkan menggunakan nama seperti name="submit" atau id="submit" dalam borang Ini akan bercanggah dengan kaedah submit() dan mengakibatkan kegagalan untuk menyerahkan

(3). Ulang penyerahan
// Apabila sekeping data diserahkan kepada pelayan, akan berlaku kelewatan dan tiada refleksi untuk masa yang lama, menyebabkan pengguna terus mengklik hantar,
// Akibatnya, banyak permintaan yang sama dihantar berulang kali, atau ralat disebabkan atau beberapa bahagian maklumat yang sama ditulis ke pangkalan data

Salin kod

Kod adalah seperti berikut: AddEvent(fm,'submit',function(evt){ // Simulasi kelewatan pelayan;           preDef(evt); Masa tamat (fungsi () {// 3 saat sebelum pemprosesan diserahkan kepada pelayan;

                                 fm.submit();

},3000);
});

// Selesaikan rancangan penyerahan pendua
// Jenis pertama: lumpuhkan butang klik sejurus selepas penyerahan; Document.getElementById('sub').disabled = true; // Lumpuhkan butang;
// Jenis kedua: Selepas penyerahan, batalkan operasi penyerahan borang berikutnya; var flag = false; var flag = false; //Tetapkan pembolehubah mendengar;
if(flag == true)return; // Jika wujud, kembalikan acara keluar; flag = true; // Jika tidak, ia mestilah kali pertama, tukar nilai pembolehubah mendengar;

3. Tetapkan semula borang

4.表单字段

// 表单处理中,建议使用HTMLDOM,它有自己的elements属性,该属性是表单中所有元素的集合;
    fm.elements[0];                                     // 获取第一个表单字段元素;
    fm.elements['user'];                                // 获取name值是user的表单字段元素;
    fm.elements.length;                                 // 获取所有表单字段的数量;

(1).共有的表单字段属性
// 除了

元素之外,所有表单字段都拥有相同的一组属性;
属性                     说明
disabled         布尔值,表示当前字段是否被禁用;
form             指向当前字段所属表单的指针,只读;
name             当前字段的名称;
readOnly         布尔值,表示当前字段是否只读;
tabIndex         表示当前字段的切换;
type             当前字段的类型;
value            当前字段的值;
    fm.elements[0].value;                               // 获取和设置value;
    fm.elements[0].disabled = true;                     // 禁用当前字段;

(2).共有的表单字段方法
方法                     说明
focus()          将焦点定位到表单字段里;
blur()           从元素中将焦点移走;

(3).共有的表单字段事件

事件名                     说明
blur             当字段失去焦点时触发;
change           对于和元素,在改变value并失去焦点时触发;对于<select>元素,在改变选项时触发;<br> focus            当前字段获取焦点时触发;</p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> // 利用focus事件修改文本框的背景色; // 利用change事件在用户输入非数值字符时再次修改背景色; var bextbox = document.forms[0].elements[0]; EventUtil.addHandler(textbox,'focus',function(evt){ evt = EventUtil.getEvent(evt); var target = EventUtil.getTarget(evt); if(target.style.backgroundColor != 'red'){ target.style.backgroundColor = 'yellow'; // 选中状态时文本框的背景是黄色; } }); EventUtil.addHandler(textbox,'blur',function(evt){ // 失去焦点事件; evt = EventUtil.getEvent(evt); var target = EventUtil.getTarget(evt); if(/[^\d]/.test(target.value)){ // 输入非数值字符时; target.style.backgroundColor = 'red'; // 文本框背景变成红色; }else{ target.style.backgroundColor = ''; } }); EventUtil.addHandler(textbox,'change',function(evt){ // 改变value值且失去焦点事件; evt = EventUtil.getEvent(evt); var target = EventUtil.getTarget(evt); if(/[^\d]/.test(target.value)){ target.style.backgroundColor = 'red'; // 文本框变成红色; }else{ target.style.backgroundColor = ''; } });</pre><div class="contentsignin">Salin selepas log masuk</div></div> </div> <p><strong>二 文本框脚本<br /> </strong>// 在HTML中,有两种方式来表现文本框:</p> <p>// 一种是单行文本框<input type="text">;</p> <p>// 一种是多行文本框<textarea>;</p> <p><strong>1.获取value值</strong></p> <p>// 虽然<input>在字面上有value值,而<textarea>却没有,但可以通过value获取它们的值;<br /> var textField = fm.elements[0];<br /> var areaField = fm.elements[1];<br /> alert(textField.value+','+areaField.value); // 得到<input>和<textarea>的value值;<br /> // PS:使用表单的value是最推荐的,它是HTMLDOM中的属性,不建议使用标准的DOM的方法getAttribute();<br /> // 原因是:对value属性的修改,不一定反映在DOM中;</p> <p>// defaultValue:得到原本的value值;不会因为值的改变而变化;<br /> alert(textField.defaultValue); // 得到最初设置的value值;</p> <p><strong>2.选择文本</strong></p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> // 使用select()方法,可以将文本框里的内容选中,并将焦点设置到文本框中; textField.select(); // 在文本框获得焦点时选择其所有文本; // 选取部分文本 // 在使用文本框内容的时候,我们有时要直接选定部分文本,这个行为还没有标准; // Firefox的解决方案是:setSelectionRange()方法;它接受两个参数:索引和长度; textField.setSelectionRange(0,1); // 选择第一个字符; textField.setSelectionRange(0,textField.value.length); // 选择全部; // IE8以下不支持这种写法,可以使用IE的范围操作代替; var range = textField.createTextRange(); // 创建一个文本范围对象; range.collapse(true); // 将指针移动到起点; range.moveStart('character',0); // 移动指针,character表示逐字移动; range.moveEnd('character',1); // 移动终点; range.select(); // 焦点选定; // 选择部分文本兼容函数 function selectText(text,start,stop){ if(text.setSelectionRange){ text.setSelectionRange(start,stop); text.focus(); }else if(text.createTextRange){ var range = text.createTextRange(); range.collapse(true); range.moveStart('character',start); range.moveEnd('character',sotp-start); range.select(); } } // 与select()方法对应的,是一个select事件,可以选中文本框文本后触发; addEvent(textField,'select',function(){ alert(this.value); // IE事件需要传递this才可以这么写; });</pre><div class="contentsignin">Salin selepas log masuk</div></div> </div> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> // 获得选择的文本 // Firefox提供了两个属性:selectionStart和selectionEnd; addEvent(textField,'select',function(){ alert(this.value.substring(this.selectionStart,this.selectionEnd)); }); // IE8以下,提供了另一个方案:selection对象,属于document; // 这个对象保存着用户在整个文档范围内选择的文本信息; // 兼容函数 function getSelecText(text){ if(typeof text.selectioinStart =='number'){ // 非IE; return text.value.substring(text.selectionStart,text.selectionEnd); }else if(document.selection){ // IE; return document.selection.createRange().text; // 获取IE选择的文本; } } // PS:存在问题:IE在触发select事件的时候,在选择一个字符后立即触发,而其他浏览器是选择想要的字符后释放鼠标键时再触发; // 所以使用alert()的话,导致跨浏览器的不兼容; // 所以我们可以通过将得到的选择文本赋值给别的对象; addEvent(textField,'select',function(){ // alert(getSelecText(this)); // 导致用户行为结果不一致; document.getElementById('box').innerHTML = getSelecText(this); })</pre><div class="contentsignin">Salin selepas log masuk</div></div> </div> <p><strong>3.过滤输入</strong></p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> // 为了使文本框输入指定的字符,我们必须对输入进文本框的字符进行验证; addEvent(areaField,'keypress',function(evt){ var e = evt || window.event; var charCode = getCharCode(evt); // 得到字符编码; if(!/\d/.test(String.formCharCode(charCode)) && charCode>9 && !e.ctrlKey){ preDef(evt); // 条件阻止默认; } }); // PS:前半段条件判断只有数字才可以输入,导致常规按键,比如光标键/退格键/删除键等无法使用; // 部分浏览器比如Firefox,需要解放这些键,而非字符触发的编码均为0; // 在Safari3之前的浏览器,也会被阻止,而它对应的字符编码全部为8,所以最后加上charCode>9的判断; // 确保用户没有按下ctrl键;</pre><div class="contentsignin">Salin selepas log masuk</div></div> </div> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> // 阻止文本框裁剪/复制和粘贴; 事件名 说明 copy 在发生复制操作时触发; cut 在发生裁剪操作时触发; paste 在发生粘贴操作时触发; beforecopy 在发生复制操作时触发; beforecut 在发生裁剪操作时触发; beforepaste 在发生粘贴操作时触发; // 如果我们想要禁用裁剪/复制/粘贴,那么可以阻止默认行为即可; addEvent(areaField,'cut',function(evt){ preDef(evt); }); addEvent(areaField,'copy',function(evt){ preDef(evt); }); addEvent(areaField,'paste',function(evt){ preDef(evt); }); // 最后一个影响输入的因素,就是:输入法; // 中文输入法,它的原理是在输入法面板上先储存文本,按下回车就写入英文文本,按下空格就写入中文文本; // 解决方案:通过CSS来禁止调出输入法; style='ime-mode:disabled'; // CSS直接编写; areaField.style.imeMode='disabled'; // 在JS中设置; // PS:Chrome无法禁止输入法调出,所以,最后使用正则验证已输入的文本; addEvent(areaField,'keyup',function(evt){ this.value = this.value.replace(/[^\d]/g,''); // 把非数字都替换成空; });</pre><div class="contentsignin">Salin selepas log masuk</div></div> </div> <p><strong>4.自动切换焦点</strong></p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> // 为了增加表单字段的易用性,很多字段在满足一定条件时(比如长度),就会自动切换到下一个字段上继续填写; <input type='text' name='user1' maxlength='1'/> // 只能写1个; <input type='text' name='user2' maxlength='2'/> <input type='text' name='user3' maxlength='3'/> function tabForward(evt){ var e = evt || window.event; var target = getTarget(evt); // 判断当前长度是否和指定长度一致; if(target.value.length == target.maxLength){ // 遍历所有字段; for(var i=0; i<fm.elements.length; i++){ // 找到当前字段; if(fm.elements[i]==target){ // 就把焦点移入下一个字段; if(fm.elements[i+1]){ fm.elements[i+1].focus(); } // 中途返回; return; } } } }</pre><div class="contentsignin">Salin selepas log masuk</div></div> </div> <p><strong>三 选择框脚本<br /> </strong></p> <p>选择框是通过<select>和<option>元素创建的;</p> <p><strong>HTMLSelectElement对象</strong></p> <p>属性/方法 说明<br /> add(new,rel) 插入新元素,并指定位置;<br /> multiple 布尔值,是否允许多项选择;<br /> options <option>元素的HTMLCollection集合;<br /> remove(index) 移除给定位置的选项;<br /> selectedIndex 基于0的选中项的索引,如果没有选中项,则值为-1;<br /> size 选择框中可见的行数;<br /> </p> <p>// 在DOM中,每个<option>元素都有一个HTMLOptionElement对象,以便访问数据;<br /> <strong>HTMLOptionElement对象<br /> </strong>属性 说明 <br /> index 当前选项在options集合中的索引;<br /> label 当前选项的标签;<br /> selected 布尔值,表示当前选项是否被选中;<br /> text 选项的文本;<br /> value 选项的值;</p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> var city = fm.elements['city']; // HTMLSelectElement; alert(city.options); // HTMLOptionsCollection; alert(city.options[0]); // HTMLOptionElement; alert(city.type); // select-one; // PS:选择框里的type属性有可能是:select-one,也有可能是:select-multiple; // 这取决于HTML代码中有没有multiple属性; alert(city.options[0].text); // 上海text,获取text值; alert(city.options[0].value); // 上海value,获取value值; // PS:操作select时,最好使用HTMLDOM,以为浏览器兼容性比较好; // 如果使用标准DOM,会因为不同的浏览器导致不同的结果; // PS:当选项没有value值的时候,IE会返回空字符串,其他浏览器会返回text值;</pre><div class="contentsignin">Salin selepas log masuk</div></div> </div> <p><strong>2.选择选项 </strong></p> <p>对于只能选择一项的选择框,使用selectedIndex属性最为简单;<br /> <div class="codetitle"><span><a style="CURSOR: pointer" data="90609" class="copybut" id="copybut90609" onclick="doCopy('code90609')"><U>复制代码</U></a></span> 代码如下:</div><div class="codebody" id="code90609"><br /> addEvent(city,'change',function(){<br /> alert(this.selectedIndex); // 得到当前选项的索引,从0开始;<br /> alert(this.options[this.selectedIndex].text); // 得到当前选项的text值;<br /> alert(this.options[this.selectedIndex].value); // 得到当前选项的value值;<br /> });<br /> city.selectedIndex = 1; // 设置selectedIndex可以定位某个索引;<br /> </div></p> <p>通过option的属性selected(布尔值),也可以设置定位某个索引,设置为true即可;<br /> city.options[0].selected = true; // 设置第一个索引;</p> <p>selected和selectedIndex区别:<br /> 1.selected是返回的布尔值;所以一般用于判断上;<br /> 2.selectedIndex返回的是数值,一般用于设置和获取;</p> <p><div class="codetitle"><span><a style="CURSOR: pointer" data="72046" class="copybut" id="copybut72046" onclick="doCopy('code72046')"><U>复制代码</U></a></span> 代码如下:</div><div class="codebody" id="code72046"><br /> addEvent(city,'change',function(){<br /> if(this.options[2].selected == true){ // 判断第三个选项是否被选定;<br /> alert('正确!');<br /> }<br /> });<br /> </div></p> <p><strong>3.添加选项<br /> </strong>// 如需要动态的添加选项,我们提供两种方案:DOM和Option构造函数;<br /> (1).DOM<br /> var option = document.createElement('option');<br /> option.appendChild(document.createTextNode('北京 text'));<br /> option.setAttribute('value','北京 value');<br /> city.appendChild(option);</p> <p>(2).Option构造函数 <br /> var option = new Option('北京 text','北京 value');<br /> city.appendChild(option); // IE出现bug;</p> <p>(3).使用add()方法来添加选项:<br /> var option = new Option('北京 text','北京 value');<br /> city.add(option,0); // 0,表示添加到第一位;<br /> // PS:在DOM规定,add()中两个参数是必须的,如果不正确索引,那么第二个参数设置null即可,即默认移入最后一个选项;<br /> // 但在IE中第二个参数是可选的,所以设置null表示放入不存在的位置,导致失踪;<br /> // 为了兼容性,可以传递undefined即可兼容;<br /> city.add(option,null); // IE不显示了;<br /> city.add(option,undefined); // 兼容;</p> <p> <strong>4.移除选项 </strong></p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> // 有三种方式可以移除某一个选项:DOM移除/remove()方法移除和null移除; city.removeChild(city.option[0]); // DOM移除; city.remove(0); // remove()移除,推荐; city.options[0] = null; // null移除; // PS:当第一项移除后,下面的项,往上移,所以不停的移除第一项,即可全部移除;</pre><div class="contentsignin">Salin selepas log masuk</div></div> </div> <p><strong>5.移动选项 </strong></p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> // 如果有两个选择框,把第一个选择框里的第一个选项移到第二个选择框里,并且第一个选择框里的第一项被移除; var city = fm.elements['city']; // 第一个选择框; var info = fm.elements['info']; // 第二个选择框; info.appendChild(city.options[0]); // 移动,并在第一个选择框中删除; </pre><div class="contentsignin">Salin selepas log masuk</div></div> </div> <p><strong> 6.排列选项 </strong></p> <p>选择框提供了一个index属性,可以得到当前选项的索引值,和selectedIndex的区别是,一个是选择框对象的调用,一个是选项对象的调用;</p> <p><div class="codetitle"><span><a style="CURSOR: pointer" data="54292" class="copybut" id="copybut54292" onclick="doCopy('code54292')"><U>复制代码</U></a></span> 代码如下:</div><div class="codebody" id="code54292"><br /> var option1 = city.options[1];<br /> city.insertBefore(option1,city.options[option1.index-1]); // 往上移位;<br /> </div></p> <p><strong>7.单选按钮</strong></p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> // 通过checked属性来获取单选按钮的值; for(var i=0; i<fm.sex.length; i++){ // 循环单选按钮; if(fm.sex[i].checked == true){ // 遍历每一个,找出处于选中状态的那一个; alert(fm.sex[i].value); // 得到值; } } // PS:除了checked属性之外,单选按钮还有一个defaultChecked按钮, // 它获取的是原本的checked按钮对象,而不会因为checked的改变而改变; if(fm.sex[i].defaultChecked == true){ alert(fm.sex[i].value); }</pre><div class="contentsignin">Salin selepas log masuk</div></div> </div> <p><strong>8.复选按钮 </strong></p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;"> // 通过checked属性来获取复选按钮的值, var love = ''; for(var i=0; i<fm.love.length; i++){ if(fm.love[i].checked == true){ love += fm.love[i].value; } } alert(love);</pre><div class="contentsignin">Salin selepas log masuk</div></div> </div> </div> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>Label berkaitan：</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="http://www.php.cn/ms/search?word=表单处理" target="_blank">表单处理</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">sumber：php.cn</div> </div> <div class="wzconOtherwz"> <a href="http://www.php.cn/ms/faq/7964.html" title="Pengenalan kepada fungsi tanpa nama JavaScript dan petua closures_javascript"> <span>Artikel sebelumnya：Pengenalan kepada fungsi tanpa nama JavaScript dan petua closures_javascript</span> </a> <a href="http://www.php.cn/ms/faq/7966.html" title="pemalam jfreechart memaparkan data ke dalam carta pai, carta bar dan kemahiran carta garis_javascript"> <span>Artikel seterusnya：pemalam jfreechart memaparkan data ke dalam carta pai, carta bar dan kemahiran carta garis_javascript</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">Kenyataan Laman Web ini</div> <div>Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn</div> </div> <div class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div> <div class="wzconZzwz"> <div class="wzconZzwztitle">Artikel terbaru oleh pengarang</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ms/faq/1796639331.html">Apakah itu NullPointerException, dan bagaimana saya membetulkannya?</a> </div> <div>2024-10-22 09:46:29</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ms/faq/1796629482.html">Daripada Novis kepada Coder: Perjalanan Anda Bermula dengan Asas C</a> </div> <div>2024-10-13 13:53:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ms/faq/1796628545.html">Membuka Kunci Pembangunan Web dengan PHP: Panduan Pemula</a> </div> <div>2024-10-12 12:15:51</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ms/faq/1796627928.html">Demystifying C: Laluan Yang Jelas dan Mudah untuk Pengaturcara Baharu</a> </div> <div>2024-10-11 22:47:31</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ms/faq/1796627806.html">Buka Potensi Pengekodan Anda: Pengaturcaraan C untuk Pemula Mutlak</a> </div> <div>2024-10-11 19:36:51</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ms/faq/1796627670.html">Lepaskan Pengaturcara Dalaman Anda: C untuk Pemula Mutlak</a> </div> <div>2024-10-11 15:50:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ms/faq/1796627643.html">Automasi Kehidupan Anda dengan C: Skrip dan Alat untuk Pemula</a> </div> <div>2024-10-11 15:07:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ms/faq/1796627620.html">PHP Dipermudahkan: Langkah Pertama Anda dalam Pembangunan Web</a> </div> <div>2024-10-11 14:21:21</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ms/faq/1796627574.html">Bina Apa sahaja dengan Python: Panduan Pemula untuk Melancarkan Kreativiti Anda</a> </div> <div>2024-10-11 12:59:11</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ms/faq/1796627539.html">Kunci Pengekodan: Membuka Kunci Kuasa Python untuk Pemula</a> </div> <div>2024-10-11 12:17:31</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">Isu terkini</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/ms/wenda/176392.html" target="_blank" title="Ungkapan biasa untuk memadankan perkataan" class="wdcdcTitle">Ungkapan biasa untuk memadankan perkataan</a> <a href="http://www.php.cn/ms/wenda/176392.html" class="wdcdcCons">Saya mempunyai skrip di mana saya cuba memadankan nama kerja baharu dengan nama kerja sedi...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> daripada 2024-04-06 21:24:04</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>606</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/ms/wenda/176381.html" target="_blank" title="Bolehkah kumpulan pekerja yang diisytiharkan dalam berbilang laluan masih mengekalkan penggunaan cpunya tanpa mengambil berat tentang ambang" class="wdcdcTitle">Bolehkah kumpulan pekerja yang diisytiharkan dalam berbilang laluan masih mengekalkan penggunaan cpunya tanpa mengambil berat tentang ambang</a> <a href="http://www.php.cn/ms/wenda/176381.html" class="wdcdcCons">Saya berharap untuk mencari sistem node.js dengan kumpulan pekerja untuk mengendalikan tug...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> daripada 2024-04-06 19:54:23</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>444</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/ms/wenda/176379.html" target="_blank" title="Kira jumlah medan dalam jadual lain menggunakan pertanyaan MySQL SQL" class="wdcdcTitle">Kira jumlah medan dalam jadual lain menggunakan pertanyaan MySQL SQL</a> <a href="http://www.php.cn/ms/wenda/176379.html" class="wdcdcCons">Saya mempunyai skema seperti ini: Jadual pengguna dengan atribut "user_id" dan &...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> daripada 2024-04-06 19:39:29</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>441</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/ms/wenda/176378.html" target="_blank" title="Dalam paparan mudah alih, bagaimana saya boleh menutup bar navigasi ini apabila pengguna mengklik pada pautan?" class="wdcdcTitle">Dalam paparan mudah alih, bagaimana saya boleh menutup bar navigasi ini apabila pengguna mengklik pada pautan?</a> <a href="http://www.php.cn/ms/wenda/176378.html" class="wdcdcCons">Apabila pengguna mengklik pautan untuk menyemak imbas tapak web, bar navigasi tidak ditutu...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> daripada 2024-04-06 19:23:03</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>411</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/ms/wenda/176353.html" target="_blank" title="Elemen anak React tidak sah (ditemui: Objek dengan kunci {clientVersion}). Jika anda ingin membuat koleksi elemen kanak-kanak, gunakan tatasusunan sebaliknya" class="wdcdcTitle">Elemen anak React tidak sah (ditemui: Objek dengan kunci {clientVersion}). Jika anda ingin membuat koleksi elemen kanak-kanak, gunakan tatasusunan sebaliknya</a> <a href="http://www.php.cn/ms/wenda/176353.html" class="wdcdcCons">Saya mempunyai borang berbilang langkah dan apabila saya cuba menyerahkan ia menunjukkan r...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> daripada 2024-04-06 16:25:39</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>346</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>Topik-topik yang berkaitan</div> <a href="http://www.php.cn/ms/faq/zt" target="_blank">Lagi> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ms/faq/stripslashes"><img src="https://img.php.cn/upload/subject/202407/22/2024072213411939041.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="penggunaan fungsi stripslash" /> </a> <a target="_blank" href="http://www.php.cn/ms/faq/stripslashes" class="title-a-spanl" title="penggunaan fungsi stripslash"><span>penggunaan fungsi stripslash</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ms/faq/usbjkssmys"><img src="https://img.php.cn/upload/subject/202407/22/2024072214181634163.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="apakah maksud antara muka usb" /> </a> <a target="_blank" href="http://www.php.cn/ms/faq/usbjkssmys" class="title-a-spanl" title="apakah maksud antara muka usb"><span>apakah maksud antara muka usb</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ms/faq/jxbcxwtrhj"><img src="https://img.php.cn/upload/subject/202407/22/2024072213510424616.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Bagaimana untuk menyelesaikan masalah semasa menghuraikan pakej" /> </a> <a target="_blank" href="http://www.php.cn/ms/faq/jxbcxwtrhj" class="title-a-spanl" title="Bagaimana untuk menyelesaikan masalah semasa menghuraikan pakej"><span>Bagaimana untuk menyelesaikan masalah semasa menghuraikan pakej</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ms/faq/win10tzfwsj"><img src="https://img.php.cn/upload/subject/202407/22/2024072212171225822.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Masa terputus perkhidmatan Windows 10" /> </a> <a target="_blank" href="http://www.php.cn/ms/faq/win10tzfwsj" class="title-a-spanl" title="Masa terputus perkhidmatan Windows 10"><span>Masa terputus perkhidmatan Windows 10</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ms/faq/bijibskqd"><img src="https://img.php.cn/upload/subject/202407/22/2024072214395274032.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Pemacu kad bunyi komputer riba" /> </a> <a target="_blank" href="http://www.php.cn/ms/faq/bijibskqd" class="title-a-spanl" title="Pemacu kad bunyi komputer riba"><span>Pemacu kad bunyi komputer riba</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ms/faq/phpsleepdyf"><img src="https://img.php.cn/upload/subject/202407/22/2024072212260719157.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Cara menggunakan php sleep" /> </a> <a target="_blank" href="http://www.php.cn/ms/faq/phpsleepdyf" class="title-a-spanl" title="Cara menggunakan php sleep"><span>Cara menggunakan php sleep</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ms/faq/javascriptyja"><img src="https://img.php.cn/upload/subject/202407/22/2024072212164715352.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Pengenalan kepada perbezaan antara javascript dan java" /> </a> <a target="_blank" href="http://www.php.cn/ms/faq/javascriptyja" class="title-a-spanl" title="Pengenalan kepada perbezaan antara javascript dan java"><span>Pengenalan kepada perbezaan antara javascript dan java</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ms/faq/sjnfcssmgn"><img src="https://img.php.cn/upload/subject/202407/22/2024072212265792896.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Apakah fungsi NFC telefon bimbit?" /> </a> <a target="_blank" href="http://www.php.cn/ms/faq/sjnfcssmgn" class="title-a-spanl" title="Apakah fungsi NFC telefon bimbit?"><span>Apakah fungsi NFC telefon bimbit?</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <div class="wzrOne"> <div class="wzroTitle">Cadangan popular</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="apa maksud js" href="http://www.php.cn/ms/faq/482163.html">apa maksud js</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="js怎么将字符串转为数组？" href="http://www.php.cn/ms/faq/461802.html">js怎么将字符串转为数组？</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="javascript如何刷新页面" href="http://www.php.cn/ms/faq/473330.html">javascript如何刷新页面</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="js数组怎么删除某一项" href="http://www.php.cn/ms/faq/475790.html">js数组怎么删除某一项</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="sqrt函数怎么使用" href="http://www.php.cn/ms/faq/415276.html">sqrt函数怎么使用</a> </div> </li> </ul> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="wzrThree"> <div class="wzrthree-title"> <div>Tutorial Popular</div> <a target="_blank" href="http://www.php.cn/ms/course.html">Lagi> </a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one">Tutorial berkaitan <div></div></div> <div class="tabdiv swiper-slide" data-id="two">Cadangan popular<div></div></div> <div class="tabdiv swiper-slide" data-id="three">Kursus terkini<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="http://www.php.cn/ms/course/812.html" title="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)" href="http://www.php.cn/ms/course/812.html">Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)</a> <div class="wzrthreerb"> <div>1418573 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/74.html" title="Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu" href="http://www.php.cn/ms/course/74.html">Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu</a> <div class="wzrthreerb"> <div>4260161 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="74"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/286.html" title="Tutorial Video Permulaan JAVA" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="Tutorial Video Permulaan JAVA"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutorial Video Permulaan JAVA" href="http://www.php.cn/ms/course/286.html">Tutorial Video Permulaan JAVA</a> <div class="wzrthreerb"> <div>2495341 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/504.html" title="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python" href="http://www.php.cn/ms/course/504.html">Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python</a> <div class="wzrthreerb"> <div>504721 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/2.html" title="Tutorial pengenalan berasaskan sifar PHP" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="Tutorial pengenalan berasaskan sifar PHP"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutorial pengenalan berasaskan sifar PHP" href="http://www.php.cn/ms/course/2.html">Tutorial pengenalan berasaskan sifar PHP</a> <div class="wzrthreerb"> <div>859641 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="2"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="http://www.php.cn/ms/course/812.html" title="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)" href="http://www.php.cn/ms/course/812.html">Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)</a> <div class="wzrthreerb"> <div >1418573 kali belajar</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/286.html" title="Tutorial Video Permulaan JAVA" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="Tutorial Video Permulaan JAVA"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutorial Video Permulaan JAVA" href="http://www.php.cn/ms/course/286.html">Tutorial Video Permulaan JAVA</a> <div class="wzrthreerb"> <div >2495341 kali belajar</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/504.html" title="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python" href="http://www.php.cn/ms/course/504.html">Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python</a> <div class="wzrthreerb"> <div >504721 kali belajar</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/901.html" title="Pengenalan pantas kepada pembangunan bahagian hadapan web" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Pengenalan pantas kepada pembangunan bahagian hadapan web"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Pengenalan pantas kepada pembangunan bahagian hadapan web" href="http://www.php.cn/ms/course/901.html">Pengenalan pantas kepada pembangunan bahagian hadapan web</a> <div class="wzrthreerb"> <div >215461 kali belajar</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/234.html" title="Kuasai tutorial video PS dari awal" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="Kuasai tutorial video PS dari awal"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Kuasai tutorial video PS dari awal" href="http://www.php.cn/ms/course/234.html">Kuasai tutorial video PS dari awal</a> <div class="wzrthreerb"> <div >881850 kali belajar</div> <div class="courseICollection" data-id="234"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="http://www.php.cn/ms/course/1648.html" title="[Web front-end] Permulaan pantas Node.js" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web front-end] Permulaan pantas Node.js"/> </a> <div class="wzrthree-right"> <a target="_blank" title="[Web front-end] Permulaan pantas Node.js" href="http://www.php.cn/ms/course/1648.html">[Web front-end] Permulaan pantas Node.js</a> <div class="wzrthreerb"> <div >6730 kali belajar</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/1647.html" title="Koleksi lengkap kursus timbunan penuh pembangunan web asing" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="Koleksi lengkap kursus timbunan penuh pembangunan web asing"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Koleksi lengkap kursus timbunan penuh pembangunan web asing" href="http://www.php.cn/ms/course/1647.html">Koleksi lengkap kursus timbunan penuh pembangunan web asing</a> <div class="wzrthreerb"> <div >5244 kali belajar</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/1646.html" title="Gunakan GraphQL praktikal bahasa" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Gunakan GraphQL praktikal bahasa"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Gunakan GraphQL praktikal bahasa" href="http://www.php.cn/ms/course/1646.html">Gunakan GraphQL praktikal bahasa</a> <div class="wzrthreerb"> <div >4385 kali belajar</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/1645.html" title="Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah" href="http://www.php.cn/ms/course/1645.html">Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah</a> <div class="wzrthreerb"> <div >646 kali belajar</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ms/course/1644.html" title="Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam" href="http://www.php.cn/ms/course/1644.html">Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam</a> <div class="wzrthreerb"> <div >22332 kali belajar</div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper2', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div>Muat turun terkini</div> <a href="http://www.php.cn/ms/xiazai">Lagi> </a> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }) }) </script> <div class="wzrfourList swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef">kesan web <div></div></div> <div class="swiper-slide" data-id="twof">Kod sumber laman web<div></div></div> <div class="swiper-slide" data-id="threef">Bahan laman web<div></div></div> <div class="swiper-slide" data-id="fourf">Templat hujung hadapan<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="kod hubungan borang mesej perusahaan jQuery" href="http://www.php.cn/ms/toolset/js-special-effects/8071">[butang borang] kod hubungan borang mesej perusahaan jQuery</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Kesan main balik kotak muzik MP3 HTML5" href="http://www.php.cn/ms/toolset/js-special-effects/8070">[Kesan khas pemain] Kesan main balik kotak muzik MP3 HTML5</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 kesan khas menu navigasi animasi zarah sejuk" href="http://www.php.cn/ms/toolset/js-special-effects/8069">[Navigasi menu] HTML5 kesan khas menu navigasi animasi zarah sejuk</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery bentuk visual seret dan lepas kod penyuntingan" href="http://www.php.cn/ms/toolset/js-special-effects/8068">[butang borang] jQuery bentuk visual seret dan lepas kod penyuntingan</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Kod pemain muzik Kugou tiruan VUE.JS" href="http://www.php.cn/ms/toolset/js-special-effects/8067">[Kesan khas pemain] Kod pemain muzik Kugou tiruan VUE.JS</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Permainan kotak menolak html5 klasik" href="http://www.php.cn/ms/toolset/js-special-effects/8066">[kesan khas html5] Permainan kotak menolak html5 klasik</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="menatal jQuery untuk menambah atau mengurangkan kesan imej" href="http://www.php.cn/ms/toolset/js-special-effects/8065">[Gambar kesan khas] menatal jQuery untuk menambah atau mengurangkan kesan imej</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Kesan zum hover kulit album peribadi CSS3" href="http://www.php.cn/ms/toolset/js-special-effects/8064">[Kesan album foto] Kesan zum hover kulit album peribadi CSS3</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/toolset/website-source-code/8328" title="Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah" target="_blank">[Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/toolset/website-source-code/8327" title="Templat halaman panduan resume peribadi berwarna segar" target="_blank">[Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/toolset/website-source-code/8326" title="Templat Web Resume Kerja Kreatif Pereka" target="_blank">[Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/toolset/website-source-code/8325" title="Templat laman web syarikat pembinaan kejuruteraan moden" target="_blank">[Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/toolset/website-source-code/8324" title="Templat HTML5 responsif untuk institusi perkhidmatan pendidikan" target="_blank">[Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/toolset/website-source-code/8323" title="Templat laman web pusat membeli-belah kedai e-buku dalam talian" target="_blank">[Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/toolset/website-source-code/8322" title="Teknologi IT menyelesaikan templat tapak web syarikat Internet" target="_blank">[Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/toolset/website-source-code/8321" title="Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu" target="_blank">[Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/toolset/website-materials/3078" target="_blank" title="Bahan vektor elemen musim panas yang comel (EPS+PNG)">[bahan PNG] Bahan vektor elemen musim panas yang comel (EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/toolset/website-materials/3077" target="_blank" title="Empat bahan vektor lencana tamat pengajian 2023 merah (AI+EPS+PNG)">[bahan PNG] Empat bahan vektor lencana tamat pengajian 2023 merah (AI+EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/toolset/website-materials/3076" target="_blank" title="Burung nyanyian dan troli diisi dengan bahan vektor sepanduk musim bunga reka bentuk bunga (AI+EPS)">[gambar sepanduk] Burung nyanyian dan troli diisi dengan bahan vektor sepanduk musim bunga reka bentuk bunga (AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/toolset/website-materials/3075" target="_blank" title="Bahan vektor topi pengijazahan emas (EPS+PNG)">[bahan PNG] Bahan vektor topi pengijazahan emas (EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/toolset/website-materials/3074" target="_blank" title="Bahan vektor ikon gunung gaya hitam putih (EPS+PNG)">[bahan PNG] Bahan vektor ikon gunung gaya hitam putih (EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/toolset/website-materials/3073" target="_blank" title="Bahan vektor siluet superhero (EPS+PNG) dengan jubah warna yang berbeza dan pose yang berbeza">[bahan PNG] Bahan vektor siluet superhero (EPS+PNG) dengan jubah warna yang berbeza dan pose yang berbeza</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/toolset/website-materials/3072" target="_blank" title="Bahan vektor sepanduk Hari Arbor gaya rata (AI+EPS)">[gambar sepanduk] Bahan vektor sepanduk Hari Arbor gaya rata (AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/toolset/website-materials/3071" target="_blank" title="Sembilan bahan vektor buih sembang meletup gaya komik (EPS+PNG)">[bahan PNG] Sembilan bahan vektor buih sembang meletup gaya komik (EPS+PNG)</a> </div> </li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/toolset/website-source-code/8328" target="_blank" title="Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah">[Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/toolset/website-source-code/8327" target="_blank" title="Templat halaman panduan resume peribadi berwarna segar">[Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/toolset/website-source-code/8326" target="_blank" title="Templat Web Resume Kerja Kreatif Pereka">[Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/toolset/website-source-code/8325" target="_blank" title="Templat laman web syarikat pembinaan kejuruteraan moden">[Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/toolset/website-source-code/8324" target="_blank" title="Templat HTML5 responsif untuk institusi perkhidmatan pendidikan">[Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/toolset/website-source-code/8323" target="_blank" title="Templat laman web pusat membeli-belah kedai e-buku dalam talian">[Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/toolset/website-source-code/8322" target="_blank" title="Teknologi IT menyelesaikan templat tapak web syarikat Internet">[Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ms/toolset/website-source-code/8321" target="_blank" title="Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu">[Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu</a> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper3', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrfourlTab>div').click(function(e){ $('.wzrfourlTab>div').removeClass('check') $(this).addClass('check') $('.wzrfourList>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> </div> </div> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！</p> </div> <div class="footermid"> <a href="http://www.php.cn/ms/about/us.html">Tentang kita</a> <a href="http://www.php.cn/ms/about/disclaimer.html">Penafian</a> <a href="http://www.php.cn/ms/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1732015782"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' 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 type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> </body> </html>