js에서 BOM 객체를 작동하는 방법은 무엇입니까? js에서 BOM 객체를 작동하는 방법-JS 튜토리얼-php.cn

js에서 BOM 객체를 작동하는 방법은 무엇입니까? js에서 BOM 객체를 작동하는 방법

不言

풀어 주다： 2018-08-21 15:39:52

원래의

1346명이 탐색했습니다.

이 글의 내용은 js에서 BOM 객체를 조작하는 방법에 관한 것입니다. js에서 BOM 객체를 조작하는 방법은 참고할 만한 가치가 있으니 도움이 필요한 친구들이 참고하면 좋겠습니다.

세 가지 핵심 객체:

window:
[창].alert 프롬프트 메시지만 존재합니다. 경고(메시지)
[window].prompt를 사용하면 사용자가 var obj=prompt(message)
을 수동으로 입력할 수 있습니다. [window].confirm은 사용자가 OK를 클릭하면 true를 반환합니다.
취소를 클릭할 경우 거짓
클릭 open(url) 지정된 URL 주소를 엽니다
close() 현재 탭 페이지 닫기 🎜#
timing.html

<!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>

로그인 후 복사

rrree

history.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>

로그인 후 복사

역사:창# 🎜🎜# 기록:back() 뒤로 가기 ===>go(-1) 앞으로() 앞으로 ===> go(1)

Go(색인)는 앞뒤로 이동할 수 있습니다.

웹 페이지에서 링크에 접속하면 웹 페이지로 돌아갈 수 있고, 웹 페이지에서는 방금 점프했던 링크 페이지로 다시 이동할 수 있습니다. (연속적인 이전 단계와 다음 단계처럼)

location: window

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

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

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

로그인 후 복사

location.html#🎜🎜 ## 🎜🎜#

<!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>

로그인 후 복사

—문서 개체 XML
document.getXXX() var obj=document.getElementById("id attribute value") 페이지 요소의 id를 기반으로 요소 개체를 얻으면 단일 노드 개체가 반환됩니다. ————————————모든 노드가 반환됩니다. —— ————-
document.getElementsByName("name attribute value")는 페이지 요소의 name 속성을 기반으로 요소 객체를 얻습니다<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>定时函数</title> <script> window.onload=function(){ //保证页面上的元素加载完毕后 var btn=document.getElementsByTagName('button'); alert(btn); // 元素中的文本 innerText alert(btn.innerText); } </script> </head><body> <button id="btn">点击获取验证码</button></body></html>
로그인 후 복사

javascript의 내장 객체 함수

<!DOCTYPE html><html><head lang="en">
    <meta charset="UTF-8">
    <title>history对象</title></head><body>
    <!--<button onclick="javascript:history.forward()">前进</button>-->
    <button onclick="javascript:history.back()">后退</button>
    </body>
    </html>

로그인 후 복사

#🎜🎜 #date.html

    host:主机地址+端口号
    hostname:主机名
    port:端口号
    protocol:协议
    href:发送请求到指定URL
    reload() 刷新当前页面
    replace(url) 替换 以新的页面替换当前页面

로그인 후 복사

관련 권장 사항:

js의 날짜 개체 데이터에 대한 콘텐츠 분석( 사례) #🎜 🎜#

js 컴포넌트 작성 시 주의할 점은 무엇인가요? (방법 소개)

위 내용은 js에서 BOM 객체를 작동하는 방법은 무엇입니까? js에서 BOM 객체를 작동하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!