그만큼 'window.open()' JavaScript 방법을 사용하면 개발자는 웹페이지 내의 다른 창에 연결할 수 있습니다. 이 창은 사용자가 지정된 작업을 수행할 때 호출됩니다.
간단히 말해서, 이 앱의 주요 기능은 'window.open()' 방법은 기본 웹페이지 인터페이스를 방해하지 않고 기본 웹페이지 위에 새 창을 여는 것입니다. 일부 시나리오에서는 새 창이 성공적으로 열리지만 스크롤바가 전혀 나타나지 않아 사용자에게 나쁜 인상을 줍니다.
이 빠른 가이드는 JavaScript에서 window.open() 메서드를 사용하여 수직 스크롤 막대를 만드는 프로세스를 자세히 설명합니다.
JavaScript에서 'window.open()'을 사용하여 수직 스크롤 막대를 만드는 방법은 무엇입니까?
그만큼 “window.open()” 이 메소드는 기본적으로 새 웹페이지 콘텐츠의 길이와 열린 창의 크기에 따라 수직 스크롤 막대를 추가합니다. 웹페이지의 콘텐츠가 창 크기보다 크면 CSS 속성을 적용하지 않고 기본적으로 스크롤 막대가 추가됩니다. 그러나 개발자가 사용자 정의 스크롤 막대를 추가하려는 경우 아래 예에 설명된 방법을 따를 수 있습니다.
통사론
구문은 'window.open()' 방법은 아래와 같습니다.
창문. 열려 있는 ( 길 , 목적지 , 승리Feat )여기, '길' 새 창에서 열리는 웹페이지의 경로입니다. 그만큼 '목적지' 나타나는 새 창의 위치입니다. 다음과 같이 설정할 수 있습니다. '공백' , '부모의' , '본인' 또는 '맨 위'. 세 번째 매개변수는 'winFeat' 또는 창 기능으로, 창을 사용자 정의해야 하는 필요성에 따라 설정할 수 있는 다양한 값을 제공합니다.
새로 열린 창에 세로 스크롤 막대를 생성하는 몇 가지 예를 살펴보겠습니다. “window.open()” 방법.
예: 'window.open()' 메소드와 함께 '스크롤바' 창 기능 사용
이 경우, “window.open()” 방법이 함께 사용됩니다. '스크롤바' 아래와 같이 새로 열린 창에 대한 수직 스크롤 막대를 설정하는 창 기능:
< 머리 >< 스크립트 유형 = '텍스트/자바스크립트' >
기능 세트스크롤 ( ) {
~였다 뉴윈 = 창문. 열려 있는 ( 'https://linuxhint.com' , '맨 위' , '너비=500, 높이=500, 스크롤바=예' ) ;
}
스크립트 >
머리 >
< 몸 >
< 피 > 아래 버튼을 눌러 Linuxhint 블로그를 엽니다. - 스크린 창. 피 > 클릭 해주세요 단추 >
몸 >
위 코드에 대한 설명:
- 첫째, '세트스크롤()' 함수는 내부에 정의되어 있습니다. “<스크립트>” 꼬리표. 다음을 포함하는 변수 'newWin'도 생성됩니다. 'window.open()' 그 안에 있는 방법.
- 그런 다음 웹페이지 '링크'의 첫 번째 매개변수를 'window.open()' 방법. 그리고 두 번째 파라미터에 “top” 값을 설정하면 웹 브라우저 상단에 새 창이 표시됩니다.
- 그런 다음 창 동작을 사용자 정의하려면 다음의 창 기능을 사용하십시오. '너비' , '키' 그리고 '스크롤바' 창의 너비와 높이, 스크롤바를 각각 설정합니다.
- 마지막으로 '단추' 를 유발하는 요소 '세트스크롤()' 기능을 사용하여 “클릭” 이벤트 리스너.
컴파일이 끝나면 출력은 다음과 같습니다.
출력에서는 새로 생성된 창에 스크롤 막대가 추가되었음을 확인합니다.
예 2: 스크롤바 수동 설정
스크롤바를 설정하는 또 다른 방법은 CSS를 활용하는 것입니다. '오버플로-y' 그리고 '오버플로-x' 아래와 같이 새 창에서 열릴 보조 페이지에 대한 속성:
< 머리 >< 스크립트 유형 = '텍스트/자바스크립트' >
기능 세트스크롤 ( ) {
~였다 뉴윈 = 창문. 열려 있는 ( 'https://linuxhint.com' , 맨 위 , '너비=500, 높이=500, 크기 조정 가능, 스크롤 막대=1);
}
<본문>
화면 내 창에서 Linuxhint 블로그를 열려면 아래 버튼을 누르세요.
나를 클릭하세요