필요에 따라 자스/css 불러왔다 내보내기
주말에 제 홈피를 리뉴얼 중 (각 div 로 위아래 부드럽게 이동 하는 한장짜리 로 짜봤는데) 문제가 좀 생겼었습니다.
모든 jQuery 는 제가 직접 짠거라서 간단한데 반응형 jQuery 슬라이더를 넣으니 IE 에서 속도문제가 좀 생기는 것 같더라구요.
그래서 페이지가 아래로 이동하는 경우에는 슬라이더 관련 js 와 css 를 제거하고, 반대로 페이지가 상단위로 와 있는 경우는 블로그 페이지 관련 js 와 css 가 자동제거 되는 방식을 구현하려고 했는데....
힘들게 하나 찾은 자스 소스가....
function createjscssfile(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)
}
return fileref
}
function replacejscssfile(oldfilename, newfilename, filetype){
var targetelement=(filetype=="js")? "script" : (filetype=="css")? "link" : "none" //determine element type to create nodelist using
var targetattr=(filetype=="js")? "src" : (filetype=="css")? "href" : "none" //determine corresponding attribute to test for
var allsuspects=document.getElementsByTagName(targetelement)
for (var i=allsuspects.length; i>=0; i--){ //search backwards within nodelist for matching elements to remove
if (allsuspects[i] && allsuspects[i].getAttribute(targetattr)!=null && allsuspects[i].getAttribute(targetattr).indexOf(oldfilename)!=-1){
var newelement=createjscssfile(newfilename, filetype)
allsuspects[i].parentNode.replaceChild(newelement, allsuspects[i])
}
}
}
replacejscssfile("oldscript.js", "newscript.js", "js") //Replace all occurences of "oldscript.js" with "newscript.js"
replacejscssfile("oldstyle.css", "newstyle", "css") //Replace all occurences "oldstyle.css" with "newstyle.css"
푸하하하
이걸 넣으면 페이지가 오히려 더 무거워지는 웃기는 상황발생.
조금더 살펴보니 jQuery 에 .remove !!!!!
$( ).remove(); //이거 한줄이면 끝!!!!!
흡사한 방법으로 이것도 되네요
$.globalEval(js);
아, jQuery 의 위대함이란!!!! ㅋㅋㅋㅋ
댓글 3개
13년 전
저도 분석해가면서 제이쿼리를 짜내려 가고 싶은데 부럽습니다..
3개월된 퍼블리셔에겐 아직 쫒기에 먼 님이네요 ㅎㅎ;;
잘보구 갑니다~~
3개월된 퍼블리셔에겐 아직 쫒기에 먼 님이네요 ㅎㅎ;;
잘보구 갑니다~~
13년 전
jquery 는 신세계죠.ㅎㅎ
takumi22
12년 전
Jquery 참 간결하죠 ㅋ
게시판 목록
퍼블리셔팁
퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 467 | HTML | 14년 전 | 2182 | ||
| 466 | HTML |
행복한숭아씨
|
14년 전 | 2459 | |
| 465 | HTML | 14년 전 | 3474 | ||
| 464 | HTML |
acting1
|
14년 전 | 1750 | |
| 463 | HTML | 14년 전 | 4109 | ||
| 462 | HTML | 14년 전 | 2546 | ||
| 461 | HTML |
다케미카코
|
14년 전 | 1921 | |
| 460 | HTML |
도와주세요
|
14년 전 | 1727 | |
| 459 | HTML |
photolate
|
14년 전 | 3864 | |
| 458 | HTML | 14년 전 | 4920 | ||
| 457 | HTML | 14년 전 | 2719 | ||
| 456 | HTML | 14년 전 | 4338 | ||
| 455 | HTML |
네비플러스
|
14년 전 | 2072 | |
| 454 | HTML | 14년 전 | 2615 | ||
| 453 | 기타 |
아이피마스터
|
14년 전 | 2819 | |
| 452 | HTML | 14년 전 | 2857 | ||
| 451 | HTML |
보헤미안7
|
14년 전 | 2631 | |
| 450 | HTML | 14년 전 | 2852 | ||
| 449 | HTML |
보헤미안7
|
14년 전 | 2492 | |
| 448 | HTML |
네비플러스
|
14년 전 | 2016 | |
| 447 | HTML | 14년 전 | 2315 | ||
| 446 | HTML | 14년 전 | 3621 | ||
| 445 | HTML | 14년 전 | 2389 | ||
| 444 | HTML | 14년 전 | 1882 | ||
| 443 | HTML |
visualp
|
14년 전 | 3075 | |
| 442 | HTML | 14년 전 | 2537 | ||
| 441 | HTML | 14년 전 | 2218 | ||
| 440 | HTML | 14년 전 | 2882 | ||
| 439 | HTML | 14년 전 | 3657 | ||
| 438 | HTML |
visualp
|
14년 전 | 2182 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기