자바 스크립트의 동작 BOM (b)

첫째, 브라우저 주소 표시 줄 정보에 대한 액세스

에서는 window.location

// 브라우저의 주소 표시 줄에 정보 취득 
을 console.log (에서는 window.location을);

1 페이지 새로 고침
window.location.reload () 메소드가, 그렇지 않으면 일반적으로 이벤트와 바인딩 판단의 실행에 사용, 갱신 된 것, 직접 쓸 수 없습니다 당신은 혼자가 수행 할 수 없습니다

// 새로 페이지를 지정하기 위해 버튼을 클릭 
= btn.onclick 함수 () { 
    window.location.reload를 (); 
}

2 주소창 콘텐츠 window.location.herf 주소창에 대한 정보를 얻기 위해 () 메소드를 얻기 위해 통상 표시로 중국의 내용

// 주소 표시 줄 정보 취득 
을 console.log (window.location.herf를);
 // 중국어 일반 표시 다룰 것이다 
CONSOLE.LOG을 (decodeURIComponent (window.location.herf))

3 페이지 서버가 다시 실행 주소 표시 줄 window.location.host에서 호스트 주소에 대한 액세스, 당신은 서버 호스트 주소 정보를 얻을 수, IP 주소 또는 도메인 이름은 일반적으로
포트 window.location.port의 주소 필드에 숫자 정보를 얻을 수 4 자체 통신 컴퓨터
(5)는, 데이터에서는 window.location 전달 파라미터 주소창 정보를 얻는 검색하는
　　　　포맷은 주소? 변수 전달 데이터를
　　　　취득? 콘텐츠 및 후
둘째, 탐색 줄의 작동

1, 설정 페이지 점프 주소
window.location.herf = 'baidu.com';

// 클릭 트리거 태그 코드 프로그램 
    d.onclick = 함수 () { 
        창 위치 Herf = 'http://baidu.com' ; 
    } 
    // 카운트 다운 정의 
    VAR의  INT = 5. ;
     // 타이머 정의 
    setTnterval ( 함수 ( ) {
         // 출력 내용, 카운트 다운 시간은 변수입니다 
        d2.innerHTML =`제발 참고, $ { INT ; 초 후에},시나 page`에 점프
         // - 감소 운영 할 수있는 카운트 다운 시간 
        INT - ;
         // 카운트 다운 도착 시간 수행 페이지 점프 동작 
        IF ( INT == -1 ) { 
            window.location.href= 'https://www.sina.com' ; 
        } 
    }, 1,000);

이 브라우저 관련 정보에 대한 접근

//은 브라우저 관련 정보의 취득 
을 console.log (window.navigator를);
 // 브라우저 버전, 커널, 유형, 및 기타 관련 정보의 취득 
을 console.log (window.navigator.userAgent);
 // 이제 위해 지불 공물 넷스케이프에를 , 프로그램 응용, 통합하는 넷스케이프 
을 console.log (window.navigator.appName);
 // 브라우저 소프트웨어 버전 정보 
CONSOLE.LOG (window.navigator.appVersion);
 // 로컬 컴퓨터, 운영 체제 정보 
CONSOLE.LOG (창. navigator.platform);

셋째, 브라우저 점프

window.history 실행 자바 스크립트 프로그램은 앞으로 브라우저 뒤로 버튼의 기능을 달성하고, 더 일반적으로 등록 페이지, 사용 전력 공급 쇼핑 플랫폼 단계, 다음 단계, 및 이와 유사한 작업에 대한 정보를 입력 할 수
CONSOLE.LOG (window.history 실행을)

// 현재 창 모두 방문한 여러 페이지는 
window.history.lenght
 // 이전 페이지로 돌아 
window.history.back
 // 앞으로 다음 페이지로 
window.history.forward
 // + 대신에, 여러 페이지에 점프 기대 - 대신 뒤로 
window.history.go (디지털)

참고 :
1, 반복 방문 페이지가 반복되는 경우에도, 길이가 증가
2, 길이 만 새 윈도우에 액세스하지 횟수가이 창에 액세스 기록
"_ 빈은"길이의 길이 아니다 = 3 대상을
브라우저 페이지의 경우도 4 더 페이지에 액세스하는 방법을 결정하는
하이퍼 링크 니 룽를 통해 페이지와 점프에 대한 사용자 액세스를 제어하는 방법에 대해
예 :

/ * 
데모 
    만에 페이지 1, 페이지 2 
    만에 페이지 2, 페이지 3 
    만 3 페이지, 페이지 4 
    만 4 페이지, 페이지 5 
    5 페이지 만 페이지 6 
    최악 페이지 6 
이 다음 내용이 내용을 고정 할 때마다 이동 
* /

네 일반적인 이벤트, BOM 작업

1, 클릭 이벤트 clcik
결합 클릭 onclcik
탭 ID.onclick = 함수 () {
프로그램;
}
실시 예 1,

= d1.onclick의 함수 () { 
    CONSOLE.LOG ( 'I는 div에 누군가 포인트 I' ); 
}

실시 예 2

함수 재미 () { 
    을 console.log ( '나는 DIV 클릭 이벤트를 바인딩, 기능 프로그램을 정의' ) 
} 
var에 Fun2에 = 함수 () { 
    을 console.log ( 123 ) 
} 
// 클릭 이벤트에하는 바인딩 재미 함수 이름, 함수 주소가 저장 
// 트리거 이벤트, 호출 주소, 해당 기능을 찾을 함수 프로그램 실행 
d2.onclick = ; 재미 
d3.onclick = Fun2에를;

주 :
A는, 바인딩 기능을 필요가 정의 된
절대적으로 ()를 호출에 시간을 가질 수 없습니다, B를
C를, 바운드 함수 이름 또는 변수 이름이어야합니다

2,로드 이벤트 :
위해 window.onload = 함수 () {} 프로그램 페이지로드 이벤트
참고 :
A, 바인드로드 이벤트, 페이지가로드 한 후,이 방법은 권장하지 않습니다, 실행 프로그램 수 있도록
스크립트가 일반적으로, B를 레이블 하단의 프로그램 작성
3 오픈 이벤트
window.open ( 'URL 주소) 페이지를 열려면 새 창을 여는 페이지를 정의 ---
예 1,

loc.onclick = 함수 () { 
    window.location.href = "HTTPS : /www.baidu.com ' ; 
}

실시 예 2

ope.onclick = 함수 () { 
    window.open ( "HTTPS : /www.baidu.com ' ); 
}

(4) 스크롤 이벤트
window.onscroll = 함수 () {} 이벤트 스크롤바

= window.onscroll의 함수 () { 
    CONSOLE.LOG ( 'I 압연' ); 
}

5 리사이즈事件
window.onresize = 함수 () {}

// 페이지 크기가 변경 될 때, 상기 트리거 이벤트 
window.onresize = 함수 () { 
    CONSOLE.LOG ( 'I 변경' ); 
}

6, 이벤트를 닫습니다

window.close ()

window.close ()
 // 근접 현재 이벤트 
c.onclick = 함수 () { 
    window.close (); 
}

참고 :
A, 일반적인 클릭 스크롤
B, 일부는 일부하지에 그러한에 개폐 거기하지 않았다 있습니다

자바 스크립트의 동작 BOM (b)

추천