function loadjscssfile(filename, filetype)
{
if (filetype=="js"){ //if filename is a external JavaScript file
var fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript")
fileref.setAttribute("src", filename)
}
else if (filetype=="css"){ //if filename is an external CSS file
var fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet")
fileref.setAttribute("type", "text/css")
fileref.setAttribute("href", filename)
}
if (typeof fileref!="undefined")
document.getElementsByTagName("head")[0].appendChild(fileref)
}
loadjscssfile("jquery.js","js");
내가 일반적으로 사용
document.getElementById("header_logo").src = "logo.png"; // load top logo
var header_logo = document.getElementById("header_logo");
header_logo.onload = function(e) {
// do something here, the file has loaded
}
을하지만 난 내 JS가로드 된 후 확인하는 방법을 작동하지 않을 수 있습니다 ..
어떤 아이디어를 내 이미지가로드되면 다음 코드는 밖으로 찾는 방법은?
(내가 jQuery를 사용할 수 없습니다.)
내가 *의의 setAttribute의 * 신경 쓰지 것, 바로 * 온로드 * 속성으로 직접 속성을 설정합니다. 그러나 많은 브라우저가 스크립트 요소 (예 : IE 8)에 대한로드 이벤트를 분리하지 않습니다. – RobG
@RobG 동의, 그냥 너무 많은 OP의 코드로 엉망 싶지 않았어. –