<head>
태그의 첫 번째에 동적으로 js 파일을 추가하고 싶습니다. 내 파일은Javascript에서 하위로드를 먼저 추가하는 방법은 무엇입니까?
Examble 아래 링크를 주어집니다 : Link
코드
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function load() {
var doc = document;
var url = "http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js";
var id = 1;
var script = doc.createElement("script");
script.type = "text/javascript";
script.src = url;
script.id = id;
//alert(script);
var head = doc.getElementsByTagName("head")[ 0 ].appendChild(script);
}
window.onload = load;
</script>
<title>Nathan</title>
<style>
table{
width:200px;
margin:0 auto;
background-color:#eee;
text-align:center;
cursor:pointer;
}
th{
background-color:#333;
color:#FFF;
}
div#lyrics{
width:200px;
height:400px;
background-color:#7C8698;
position:absolute;
left:500px;
padding:10px;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("div#lyrics").hide();
$("#songlist tr").mouseover(function(){
$(this).css("background-color","#ccc");
$("#lyrics",this).show();
}).mouseout(function(){
$(this).css("background-color","#eee");
$("#lyrics",this).hide();
});
});
</script>
</head>
<body>
<table id="songlist">
<th>Songs</th>
<tr><td>song1<div id="lyrics">la la la song1</div></td></tr>
<tr><td>song2<div id="lyrics">doo doo doo song2</div></td></tr>
<tr><td>song3<div id="lyrics">fee fi fo fum song3</div></td></tr>
<tr><td>song4<div id="lyrics">hmm hmmm song 4</div></td></tr>
<tr><td>song5<div id="lyrics">ma ma mi mi song5</div></td></tr>
</tr>
</table>
</body>
</html>
동적 스크립트가 성공적으로 추가하지만 머리 태그의 마지막에 추가. 그래서 내 jquery 함수가 작동하지 않습니다. 그래서 내가 사용 .insertBefore()
호기심에서 벗어나 이런 식으로하지 않고 ''태그 내에 jQuery를 추가하면 어떨까요? – putvande
@putvande 아니요 브라우저 애드온을 만들므로 javascipt를 사용하여 jquery 파일을로드해야합니다. –