에 대한 자바 스크립트 변화 (CSS로) 몸 ID를 내가 무슨이지만, 작동하지 않습니다 : 내가 잘못 쓰고 무엇을동적으로 여기에 브라우저 창 크기
if(window.width() < 1000)
document.getElementsByTagName('body')[0].id="be"
else
document.getElementsByTagName('body')[0].id="bd"
;
말해주십시오. 제발 다른 해결책을 말하지 말아주세요, 그냥이 코드를 수정하십시오.
기본적으로 브라우저 창 크기가 1000px 미만인 경우 웹 사이트의 BODY 태그에 다른 ID를 부여하고 싶습니다.
당신은 이동 :
document.body.id = window.innerWidth < 1000 ? 'be' : 'bd';
장소 코드를 페이지의 하단 :
<script>
function setBodyId() {
document.body.id = window.innerWidth < 1000 ? 'be' : 'bd';
}
window.onload = setBodyId;
window.onresize = setBodyId;
</script>
이것은 멋지게 보입니다. 이것을 어떻게 자바 스크립트에 추가합니까? 초보자를 여기에 ... – techuser7777777
@aaa 이것을 페이지로드시 실행 하시겠습니까? –
이렇게 실행하면 사용자가 브라우저 창을 작게 만들 때 브라우저 창을 1000px보다 작게 만들면 "be"ID를 정의하려고합니다. – techuser7777777
자바 스크립트로이 작업을 수행 할 수 있지만 최적의 솔루션은 이러한 시나리오에 CSS 미디어 쿼리를 사용하는 것입니다.
자세히 알려주십시오. 그러나 누군가가 위의 코드에 대한 해결책을 가지고 있다면, 목적이 자바 스크립트를 쓰는 것이 더 낫기 때문에 저에게 말해주십시오. – techuser7777777
window.width() 함수 참조 아니다. 대신 window.innerWidth 또는 window.outerWidth을 사용하십시오. (검사 브라우저 호환성) 여기
아 나는 그것을 생각하고 있었다. 창조적이 되려고 노력! lol – techuser7777777
JavaScript 라이브러리 인 jQuery를 사용하는 것이 좋습니다. 그것은 많은 브라우저 비 호환성을 처리합니다. 예를 들어 innerWidth 및 속성은 IE에서 지원되지 않습니다.
이 크로스 브라우저 작동합니다 : 당신은 창 크기를 조정으로 변경하려는 경우 크기를 조정 창에 이벤트 리스너를 추가해야
$(function(){
$("body").attr("id", $(window).width() < 1000 ? "be" : "bd");
});
을 이벤트 :
$(window).resize(function(){
$("body").attr("id", $(this).width() < 1000 ? "be" : "bd");
});
을 제거했습니다. 이 부분을 어디에 추가해야합니까? 자바 스크립트 파일? 인덱스 메인 페이지 파일 (index.php)? 그리고 구체적으로? 예를 들어, 자바 스크립트 파일에 정확히 무엇을 복사해야합니까? 미리 감사드립니다. – techuser7777777
또한 jquery를 사용하고 있습니다. – techuser7777777
좋아요, 방금 그 코드를 하단에 추가했습니다. 그러나, 그것은 나의 전체 페이지를 조정했다. 반면에 index.php 파일에 "be"라는 ID를 수동으로 정의하면 더 작은 창에서 작동하고 페이지를 엉망으로 만들지 않습니다. – techuser7777777
왜 다른를 신분증? 왜 그냥 수업을하지 않는거야? 또한 오류가 있습니까? 작동하지 않는다는 것을 어떻게 알 수 있습니까? –
감사합니다. = D – techuser7777777