JSでBOMオブジェクトを操作するにはどうすればよいですか? JSでBOMオブジェクトを操作するメソッド-jsチュートリアル-php.cn

JSでBOMオブジェクトを操作するにはどうすればよいですか? JSでBOMオブジェクトを操作するメソッド

不言

リリース： 2018-08-21 15:39:52

オリジナル

1351 人が閲覧しました

この記事の内容は、BOMオブジェクトをjsで操作する方法についてです。 jsでBOMオブジェクトを操作する方法は参考になると思います。

3つのコアオブジェクト:

ウィンドウ:
[ウィンドウ].alert プロンプトメッセージのみが存在しますalert(message)
[window].prompt を使用すると、ユーザーは var obj=prompt(message) を手動で入力できます
[window].confirm は、ユーザーが判断するのに役立ちます。ユーザーが [OK] をクリックすると、true が返されます。 false を返す open(url) 指定したURLアドレスを開きます
閉じる() 現在のタブをオフにします履歴:back() 戻る ===>go(-1)
forward() forward ===> go(1)
GO (インデックス) は前後に移動できます。注: ブラウザ上で進むステップと戻るステップは同じ効果です。
Web ページからリンクにアクセスすると、Web ページに戻り、Web ページ上で、先ほどジャンプしたリンクページに再度進むことができます。 (前のステップと次のステップが連続しているようなもの)

location: window

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>confirm弹层</title>
    <script>
        function del(){
            var flag = confirm(&#39;您确定要删除吗？&#39;);            
            if(flag){
                alert("拜拜");
            } else{
                alert("我们还嫩能够继续。");
            }
        }        function toBaidu(){
            open(&#39;https://www.baidu.com&#39;);
        }    </script></head><body>
    <!--删除按钮-->
    <!--<buttun onclick="javascript:confirm(&#39;您确定要删除吗？&#39;)">删除</buttun>-->
    <buttun onclick="del()">删除</buttun>
    <buttun onclick="toBaidu()">百度</buttun>
    <a href="history.html">去history页面</a>
    <button onclick="javascript:history.forward()">前进</button>
    </body>
    </html>

ログイン後にコピー

location.html

<!DOCTYPE html><html><head lang="en">
    <meta charset="UTF-8">
    <title>欢迎页</title>
    <script>
        function closeThis(){
            close(&#39;./success.html&#39;);

        }    </script></head><body>
    <img src="./img/gaoyuanyuan.png" /> 欢迎您！    
    <button onclick="closeThis()">关闭</button>
    </body>
    </html>

ログイン後にコピー

—Document Object XML

document.getXXX()

var obj=document.getElementById("id 属性値") ページ要素の id に基づいて要素オブジェクトを取得すると、単一のノードオブジェクトが返されます——————————–すべてのノードが返されます———— ————- document.getElementsByName("name 属性値") ページ要素の name 属性に従って要素オブジェクトを取得します

setTimeout(function(){},毫秒) 指定时间延迟操作 只操作一次 

var i=setInterval(function(){},毫秒) 指定时间延迟操作 操作多次(每隔一段时间操作一次)
clearInterval(i) 清空定时特效

onload 事件:等待页面上的所有元素加载完毕

ログイン後にコピー

JavaScript の組み込みオブジェクト関数
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>定时函数</title> <script> function print(){ setTimeout( function(){ alert("我叫jhz"); },5000 ); } print(); </script> </head><body> <input name="btn" type="button" value="定时" onclick="print();" /> </body> </html>
ログイン後にコピー

date.html

<!DOCTYPE html><html><head lang="en">
    <meta charset="UTF-8">
    <title>定时函数</title>
    <script>
        window.onload=function(){
            //保证页面上的元素加载完毕后
            var btn=document.getElementsByTagName(&#39;button&#39;);
            alert(btn);            // 元素中的文本 innerText
            alert(btn.innerText);
        }    </script>
    </head><body>
    <button id="btn">点击获取验证码</button></body></html>

ログイン後にコピー

関連推奨事項: jsでの日付オブジェクトデータの内容解析（ケース付き）

jsコンポーネントを書くときに注意すべきことは何ですか？ (方法紹介)

以上がJSでBOMオブジェクトを操作するにはどうすればよいですか? JSでBOMオブジェクトを操作するメソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。