タイマー、BOM、

タイマー

js1には
、setInterval()
2、setTimeout()の2種類のタイマーがあります。

  • 1、setInterval()

形式:var変数名= setInterval( "実行されたステートメント"、実行される頻度);

【注意】実行するコードを書くことも、関数を直接渡すこともできます。

戻り値:タイマーの開始時にシステムによって割り当てられた番号

  • タイマーをオフにする方法:
  1. ページを直接閉じます。
  2. clearInterval();

[注] clearInterval関数には、タイマーの数という1つのパラメーターが必要です。

//执行timer这个函数,每1000毫秒执行一次
  var a = setInterval(timer, 1000);
        var b = 1;

        function timer() {
    
    
        //显示到页面上
            document.write(b);
            b++;
            // 如果b等于10的时候, 定时器关闭
            if (b == 10) {
    
    
                clearInterval(a);
            }
        }

2. setTimeout()
は、指定された時間の後に1回だけ実行されます。

閉じる:clearTimeout();

[注] clearTimeout関数には、タイマーの数という1つのパラメーターが必要です。

  function hello(params) {
    
    
            alert("helloWord!");
        }
        // 执行hello函数代码,1000毫秒后开始执行
        var ti = setTimeout(hello, 1000);
        // 关闭定时器
        clearTimeout(ti);

良い

JavaScriptは、次の3つの主要部分で構成されています。

  1. ES:構文標準、関数、オブジェクト。

  2. BOM:ブラウザのいくつかの機能を操作するためのborwserオブジェクトモデルブラウザオブジェクトモデル

  3. DOM:Webページ上の要素を操作するドキュメントオブジェクトタイプ。

ウィンドウオブジェクト:

1.JavaScriptの最上位オブジェクトです

2.グローバル変数とカスタム関数はすべてウィンドウの属性またはメソッドです。

3.ウィンドウオブジェクトの下でプロパティまたはメソッドを使用する場合、ウィンドウを省略できます。

一般的なBOMオブジェクト:

1.ウィンドウはブラウザウィンドウ全体を表し、ウィンドウオブジェクトはBOMの最上位オブジェクトです。

2.ナビゲーターは、ブラウザーのいくつかの情報を表します。

3.場所は、ブラウザの現在のアドレス情報を表します。

4.履歴ブラウザの履歴情報。

5.画面は、ユーザーの画面情報を表します。

ウィンドウオブジェクトの一般的なメソッド:

1.システムダイアログボックスが表示されます。
(1)alert()ポップアップボックス
(2)prompt()入力メッセージボックス
(3)confirm()テキスト情報

var a = confirm("请确认")
        if (a) {
    
    
            alert("您点击了确认");
        } else {
    
    
            alert("您点击了取消");
        }

2.ウィンドウ
window.open(url、target、param)を開きます

url:開くアドレス

ターゲット:新しいウィンドウの位置。_blank、_self、_parent(親フレームの下)

param:新しいウィンドウのいくつかの設定。

name:新しいウィンドウの名前。空にすることもできます

【注意】ターゲットの前に名前を書く必要があります。

戻り値:新しいウィンドウのハンドル。

3.ウィンドウを閉じます

window.close();現在のウィンドウを閉じます

open return value.close();新しいウィンドウを閉じます

 var newOpen = null;

        function b() {
    
    
            newOpen = window.open("https://www.baidu.com", "baidu", "width=400,height=400,left=300,top=300", "_blank")
        }

        function c() {
    
    
        //关闭窗口
            newOpen.close();
        }

ここに画像の説明を挿入します

コードオンラインエディタ

ここに画像の説明を挿入します
ここに画像の説明を挿入します

おすすめ

転載: blog.csdn.net/weixin_53125457/article/details/112367869