6.Javscript학습노트--BOM
6. BOM
6.1 widow 객체
전역 역할 도메인:
window는 브라우저의 실례입니다 window 대상은 ECMAScript의 글로벌 대상의 역할을 동시에 하기 때문에 전역 역할 영역에서 성명된 변수, 함수는 모두 window 대상의 속성과 방법이 됩니다성명되지 않은 변수에 접근하면 오류가 발생하지만, window를 통해 발생합니다.속성 액세스 시 undefined 표시
윈도우의 대상에 접근합니다. 윈도우를 추가할 필요가 없습니다.
창 위치:window.screenLeft window.screenTop ,
FireFox는 screenX와 screenY 속성만 지원하고 Chrome는 2가지 지원브라우저 간 사용:var leftPos =(typeof window.screenLeft =="number") ? window.screenLeft : window.screenX ;
var topPos = (typeof window.screenTop == "number") ? window.screenTop : window.screenY;
screenTop이 지원되면 screenTop을 사용하고 그렇지 않으면 screenY를 사용합니다.
창 크기:innerWidth innerHeight ,outerWidth outerHeight
chrome 둘 다 페이지의 넓이와 높음
창을 탐색하고 열려면 다음과 같이 하십시오.
window.open():
첫 번째 파라미터는: URL 두 번째는: 창 대상(거기서 열기, self: 현재 페이지 blank: 새 창 parent: 부모 프레임'xxxx': 창 이름, 없으면 xxxxx라는 창 새로 만들기)세 번째: 새 창을 여는 스타일
매개 변수
값
설명
top
수치.
새 창의 위쪽 좌표를 나타냅니다.마이너스면 안 돼.
left
수치.
새 창의 왼쪽 좌표를 나타냅니다.마이너스면 안 돼.
height
수치.
새 창의 높이를 나타냅니다.100보다 작으면 안 돼요.
width
수치.
새 창의 너비를 나타냅니다.100보다 작으면 안 돼요.
window.open("http://www.wrox.com/", "wroxWindow", "height=400,width=400,top=10,left=10");
이 줄 코드는 창을 엽니다. 초기 크기는 400입니다.×400픽셀이며 화면 상단과 왼쪽에서 각각 10픽셀씩 떨어집니다.
window.open () 방법은 새 창을 가리키는 인용을 되돌려줍니다.인용된 대상은 다른 윈도우 대상과 대체적으로 비슷하지만, 우리는 그것을 더 많이 제어할 수 있다.예를 들어, 일부 브라우저는 기본적으로 주 브라우저 창의 크기를 조정하거나 위치를 이동하는 것을 허용하지 않지만, window를 통해 이동하는 것을 허용합니다.open () 에서 만든 창의 크기를 조정하거나 이동합니다.
var wroxWin = window.open("http://www.wrox.com/","wrox Window","height=400,width=400,top=10,left=10,resizable=yes");//크기 조정 wrox Win.resizeTo(500500);//이동 위치 wrox Win.moveTo(1000);close() 방법을 사용하면 새로 열린 창을 닫을 수 있습니다.wrox Win.close();;
임시 호출 및 시간 초과 호출:
setTimeOut(시간 초과 호출):
그것은 두 가지 인자가 있다. 실행할 코드와 밀리초로 표시된 시간 (즉, 코드를 실행하기 전에 몇 밀리초를 기다려야 하는지).첫 번째 매개 변수는 문자열 형식의 코드일 수도 있고 함수일 수도 있다.window.open().alert(1)
권장하지 않음: setTimeOut(function(){alert(1)},2000);// ,
setTimeout () 를 호출하면 이 방법은 수치 ID를 되돌려줍니다. 이 시간 초과 호출 ID는 계획 실행 코드의 유일한 식별자입니다. 시간 초과 호출을 취소할 수 있습니다.실행되지 않은 시간 초과 호출 계획을 취소하려면clearTimeout () 방법을 호출하고 해당하는 시간 초과 호출 ID를 매개 변수로 전달할 수 있습니다.setTimeOut("alert(1)",2000); // alert(1)
setInterval:
이것은 setTimeout () 과 같은 매개 변수를 받아들인다
문자열 사용을 강력히 권장하지 않음var id = setTimeout(xxx); clearTimeOut(id);
setInterval(function(){alert(1)},2000);//
6.2 location 객체
location == document.location == window.location
등록 정보
예.
설명
location.hash
#contents
url의hash를 되돌려줍니다
location.host
www.xxx.com:80
서버 이름과 포트 번호를 반환합니다(있는 경우).
location.hostname
www.xxx.com
포트 번호가 없는 서버 이름을 반환합니다.
location.href
http://www.xxx.com
현재 로드된 페이지의 전체 URL을 반환합니다.
location.pathname
/index/a/
URL의 디렉토리 및 (또는) 파일 이름을 반환합니다.
location.port
8080
URL에 지정된 포트 번호를 반환합니다.URL에 포트 번호가 없는 경우
location.protocol
http:
페이지에서 사용한 프로토콜을 되돌려줍니다.보통 http:또는https:
location.search
?keyword=xxx
URL에 대한 질의 문자열을 반환합니다.이 문자열은 물음표로 시작한다
질의 문자열 매개변수:function getArgs(){
if(location.search == ''){
return 'nonono';
}
var qs = location.search.substr(1);
var args = {};// ,
var items = qs.split("&");//
var item=null,name=null,value=null;
for(var i=0;i
위치 작업: location.assign("http://qq.com");
location.href = 'http://qq.com';
location = 'http://qq.com';//
location.hash = 'haha';
location.search='id=1001';
location.reload();// ( )
location.reload(true);// ( )
location.replace('url'); // url
6.3 navigator 객체
6.4 화면 객체
JavaScript의 몇몇 대상은 프로그래밍에서 쓸모가 크지 않지만, 화면 대상은 그 중의 하나이다.화면 대상은 기본적으로 클라이언트의 능력을 나타내는 데 사용되며, 예를 들어 브라우저 창 외부의 모니터 정보, 예를 들어 픽셀 너비와 높이 등을 포함한다.모든 브라우저의screen 대상은 각기 다른 속성을 포함하고 있습니다.
6.5 History 객체
history.go(1)//앞으로 1페이지history.go(-1)//1페이지 후퇴history.go(-2)//2페이지 후퇴history.go('baidu.com')/가장 가까운baidu로 이동합니다.com페이지history.back()//한 페이지 후퇴history.forward()//앞으로 1페이지
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSON
JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다.
그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다.
저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
function getArgs(){
if(location.search == ''){
return 'nonono';
}
var qs = location.search.substr(1);
var args = {};// ,
var items = qs.split("&");//
var item=null,name=null,value=null;
for(var i=0;i
location.assign("http://qq.com");
location.href = 'http://qq.com';
location = 'http://qq.com';//
location.hash = 'haha';
location.search='id=1001';
location.reload();// ( )
location.reload(true);// ( )
location.replace('url'); // url
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.