일반적으로 JavaScript 함수를 호출할 수 있도록 한 페이지가 로드되었는지 you& # 39; d ',' body onload 에 포함된 추가 속성용 조금 JavaScript (일반적으로 함수를 호출할 만)
<body onload="foo()">
페이지가 로드됨, I want to 실행하십시오 JavaScript 코드를 동적으로 채울 때 일부 구간들을 있는 페이지 서버로부터 데이터를. 난 '이후' 속성을 사용하여 can& onload I& # 39 m, t # 39, 조각, 내가 할 수 없는 '몸' 요소를 추가하여 JSP 사용하는 특성.
다른 방법을 유지됩니까 JavaScript 함수를 호출할 로드 시? # 39 로 i& 사용하지 않고, d, m not 매우 잘 I& # 39 포함한다.
이 방법을 시행하십시오 매개변수입니다 스케쳐내 onload 비슷한 상황이 이 작업을 할 수 있습니다.
window.onload = function() {
yourFunction(param1, param2);
};
이 기능을 실행할 수 있는 익명의 함수를 호출할 때, 원하는 대로 onload 바인딩됩니다 함께 있는모든 매개변수입니다 주고 있습니다. 물론, 익명 함수 내부에서 둘 이상의 기능을 실행할 수 있습니다.
또 다른 방법으로 이 방법을 사용하고, 여기에 이벤트 리스너로 사용하는 것입니다.
document.addEventListener("DOMContentLoaded", function() {
you_function(...);
});
설명:
함수 () * 익명 함수, 이벤트가 발생할 때 호출되었을 됩니다.
일반적인 옵션 '을 사용하고 onload' 이벤트:
<body onload="javascript:SomeFunction()">
....
맨 마지막에 바디입니다 javascript 배치하십시오 수도 있습니다. # 39 이 won& 실행을 시작할 때까지, t doc 완료하십시오.
<body>
...
<script type="text/javascript">
SomeFunction();
</script>
</body>
그리고, 이는 본질적으로 다른 옵션 () 가 있는 js 프레임워크입니다 사용하는 것이 좋습니다.
// jQuery
$(document).ready( function () {
SomeFunction();
});
function yourfunction() { /* do stuff on page load */ }
window.onload = yourfunction;
또는 스케쳐내 포함한다.
$(function(){
yourfunction();
});
둘 이상의 기능을 전화하고 싶으면 페이지의 로딩 시간이 이걸봐 문서 자세한 정보:
다음 함수 호출 할 원하는걸까요 로드 (즉, 로드형 문서 / 페이지에서와 것을 촉구했습니다. 예를 들어, 함수 불러올 때 문서 또는 페이지 부하 호출됨 yourFunction" ";). 이 문서의 함수를 호출하여 이벤트 로드하십시오 수행할 수 있습니다. 자세한 내용은 아래 코드는 참조하십시오.
아래 코드는 시도하시겠습니까.
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
yourFunction();
});
function yourFunction(){
//some code
}
</script>
<! - begin 스니핏: js 숨기십시오: 거짓값 콘솔: 거짓값 바벨. > 거짓값 -;
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function codeAddress() {
alert('ok');
}
window.onload = codeAddress;
</script>
</head>
<body>
</body>
</html>
끝 - < 스니핏 >;!
Html DOM 삽입됨 무타티오노베세르베르 '또는' 탐지합니다 로드되었는지 () 의 서버) 를 사용할 수 있는 데이터를 사용할 준비가 될 때 그 탐지합니다 로이드 콘텐토 함수
<! - begin 스니핏: js 숨기십시오: 진정한 콘솔: 진정한 바벨. > 거짓값 -;
let ignoreFirstChange = 0;
let observer = (new MutationObserver((m, ob)=>
{
if(ignoreFirstChange++ > 0) console.log('Element added on', new Date());
}
)).observe(content, {childList: true, subtree:true });
// TEST: simulate element loading
let tmp=1;
function loadContent(name) {
setTimeout(()=>{
console.log(`Element ${name} loaded`)
content.innerHTML += `<div>My name is ${name}</div>`;
},1500*tmp++)
};
loadContent('Senna');
loadContent('Anna');
loadContent('John');
<div id="content"><div>
끝 - < 스니핏 >;!