웹

안녕하세요?

향후 웹 프론트단 공부를 하면서 겪는 경험담들. 추가로 해결을 했던 방식들을 쭈욱 써놓도록 하겠습니다.

테스트 환경은 ie8 , chrome, safari 입니다.

CSS : Bootstrap

ie8 : 그렇게 이쁘게 적용되지 않는다 > 직접 css 를 만들어서 적용시켰습니다.

chrome : Good

Safari : Good

JS : addEventListener

ie8 : 작동 하지 않는다. 아래와 같이 처리해주었다. ie8 에서는 attachEvent 를 통해 처리 

if(document.getElementById("btn_login").addEventListener)

    document.getElementById("btn_login").addEventListener("click",function(){

       window.location.href = "main.html";

    });

else

        document.getElementById("btn_login").attachEvent("onclick",function(){

       window.location.href = "main.html";

    });

chrome : Good

Safari : Good

JQUERY : $.merge(arr1,arr2)

JQUERY 의 merge 를 통해 배열을 합칠경우 arr1, arr2 의 순서에 따라 데이터가 달라지는 이상한 경험을 하였다.

주의해야하겠다... ㅡ,.ㅡ... ;;

이것때문에 데이터 맵핑 하루를 잡아먹음.. 하아....

살려주세요.

Javascript 을 통한 페이지 이동관련

parent.location.href = "url" 

현 프레임의 바로 위의 경로를 해당 url 로 설정 ( 페이지 이동됨 )

top.location.href = "url"

가장 바깥에 위치한 document의 location 경로를 해당 url 로 설정 ( 페이지 이동됨 )

opener.location.href = "url"

현 프레임을 열어 놓은 document 의 location 경로를 해당 url 로 설정 ( 페이지 이동됨 )

JQUERY 페이지 이동 후 특정 css, 혹은 javascript 를 onload 시키고 싶을 때 

<div data-role = "page">
    <style> ... </style> or <script> ... </script>
</div>

위의 예처럼 해당 div 의 속에다가 커스텀화시킨 스크립트나 스타일 코드를 삽입해준다.