웹 프론트엔드 JS 튜토리얼 js에서 BOM 객체를 작동하는 방법은 무엇입니까? js에서 BOM 객체를 작동하는 방법

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

Aug 21, 2018 pm 03:39 PM

이 글의 내용은 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(&#39;button&#39;);
            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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

JavaScript로 문자열 문자를 교체하십시오 JavaScript로 문자열 문자를 교체하십시오 Mar 11, 2025 am 12:07 AM

JavaScript로 문자열 문자를 교체하십시오

jQuery 날짜가 유효한지 확인하십시오 jQuery 날짜가 유효한지 확인하십시오 Mar 01, 2025 am 08:51 AM

jQuery 날짜가 유효한지 확인하십시오

jQuery는 요소 패딩/마진을 얻습니다 jQuery는 요소 패딩/마진을 얻습니다 Mar 01, 2025 am 08:53 AM

jQuery는 요소 패딩/마진을 얻습니다

10 JQuery Accordions 탭 10 JQuery Accordions 탭 Mar 01, 2025 am 01:34 AM

10 JQuery Accordions 탭

10 JQuery 플러그인을 확인할 가치가 있습니다 10 JQuery 플러그인을 확인할 가치가 있습니다 Mar 01, 2025 am 01:29 AM

10 JQuery 플러그인을 확인할 가치가 있습니다

노드 및 HTTP 콘솔로 HTTP 디버깅 노드 및 HTTP 콘솔로 HTTP 디버깅 Mar 01, 2025 am 01:37 AM

노드 및 HTTP 콘솔로 HTTP 디버깅

사용자 정의 Google 검색 API 설정 자습서 사용자 정의 Google 검색 API 설정 자습서 Mar 04, 2025 am 01:06 AM

사용자 정의 Google 검색 API 설정 자습서

jQuery div에 스크롤 바를 추가합니다 jQuery div에 스크롤 바를 추가합니다 Mar 01, 2025 am 01:30 AM

jQuery div에 스크롤 바를 추가합니다

See all articles