ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptの実践的な小関数まとめ(集)

JavaScriptの実践的な小関数まとめ(集)

云罗郡主
リリース: 2018-10-29 16:33:22
転載
2374 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:lvyestudy.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート