하나의 파일에서 자바 스크립트를 통해 다른 파일에서 div ID를 검색 할 수 있습니까?javascript를 통해 다른 .html 파일에 연결
예 :
당신이 index.html을 편집하고 page2.html에서 getElemntById를 사용하여 ID를 검색하려는 말할 수 있습니다.
나는 document.getelementbyid를 사용할 수 있음을 알고 있습니다. 동일한 문서에서 ID를 가져오고 싶지만 다른 문서에서 ID를 가져 오는 데 사용할 수있는 것이 있다면?
미리 감사드립니다.
먼저 page2에 AJAX를 호출해야합니다.
일부 보이지 않는 div에 XMLHTTPObject의 응답을 붙여 넣습니다.
그런 다음 검색 할 필수 div를 가져옵니다.
개인적으로 필자는 두 페이지 모두에 필요한 내용으로 포함 파일을 만들고 두 페이지에 모두 포함시킵니다. 그럼 그냥 div 표시/숨기기의 문제가 될 것입니다.
div가 표시되지 않도록 숨기려면 어떻게해야하나요? CSS에 display : none을 사용합니까? –
예. 내가하는 일은 CSS에서 글로벌 스타일을 만드는 것입니다 .dnd {display : none! important; } JS를 통해 클래스 속성을 추가하거나 제거 할 것이다. 컨텐츠가 많으면 AJAX가 더 어려울지라도 갈 수있는 방법 일 수 있습니다. –
AJAX를 사용하면 상당히 쉽게이 작업을 수행 할 수 있습니다. page2에 대한 비동기 호출을 수행하고 응답을 처리하여 원하는 요소를 가져와야합니다. 쉬운 AJAX 구현을 위해 jQuery의 get() 메소드를 찾으십시오.이 메소드는 XMLHTTPRequest의 세부 사항을 처리합니다.
페이지 2가 서버에서 제공하는 페이지 인 경우 페이지 2에서 필요한 정보를 서버 측의 페이지 1로 복사하는 것이 더 쉬운 해결책이라는 것을 알아 두십시오. 또는, 처음부터 page1에 필요한 모든 정보를 넣을 수 없기 때문에 AJAX 호출을해야하는 경우 서버 (PHP, Rails, Django 등)가 다른 정보를 반환하게 할 수 있습니다 AJAX 호출. 따라서 page2 전체를 반환하는 대신 필요한 정보 만 반환 할 수 있습니다.
AJAX 또는 iframe을 사용하는 것이 좋습니다. –