ホームページ > 記事 > ウェブフロントエンド > JavaScriptの実践的な小関数まとめ(集)
JavaScript の実用的な小さな関数は何ですか? JavaScript に触れたばかりの友人の中には、このような疑問を持つ人も多いと思います。この章では、参考になる実用的な JavaScript 関数をいくつか紹介しますので、お役に立てれば幸いです。
1. get class メソッドを自分で変更します
// 获取class <script type="text/javascript"> function getByClass(oParent,sClass){ var aEle=oParent.getElementsByTagName("*"); var aResult=[]; for(var i=0,tt=aEle.length;i<tt;i++){ if(aele[i].classname.indexof(sclass)="">=0){ var arr_class=aEle[i].className.split(" "); for(var j=0,len=arr_class.length;j<len;j++){ if(arr_class[j]="=sClass){" aresult.push(aele[i]);="" }="" return="" aresult;="" <="" script>="" <="" pre=""></len;j++){></tt;i++){>
上記のコードは、「HTML オンライン エディター」を使用してテストできます。
2. 要素のスタイルを取得します
// 获取样式 function getStyle(obj,name){ if(obj.currentStyle){ return obj.currentStyle[name]; } else{ return getComputedStyle(obj,false)[name]; } }
3. イベントのバブリングを防止します
// 阻止事件冒泡 function stopBubble(e){ if(e && e.stopPropagation){ e.stopPropagation(); } else{ window.event.cancelBubble=true; } return false; }
4. 全画面モード
// 进入全屏 function fullScreen() { var el = document.documentElement; var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen; if (typeof rfs != "undefined" && rfs) { rfs.call(el); }else if(typeof window.ActiveXObject != "undefined") { // for Internet Explorer var wscript = new ActiveXObject("WScript.Shell"); if(wscript != null) { wscript.SendKeys("{F11}"); } } } // 退出全屏 function exitFullScreen() { var el = document, cfs = el.cancelFullScreen || el.webkitCancelFullScreen || el.mozCancelFullScreen || el.exitFullScreen, wscript; if (typeof cfs != "undefined" && cfs) { cfs.call(el); return; } if (typeof window.ActiveXObject != "undefined") { wscript = new ActiveXObject("WScript.Shell"); if (wscript != null) { wscript.SendKeys("{F11}"); } } }
上記は、実践的な JavaScript 関数の概要を完全に紹介したものです。JavaScript ビデオ チュートリアル について詳しく知りたい場合は、PHP 中国語 Web サイトに注目してください。
以上がJavaScriptの実践的な小関数まとめ(集)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。