Hello?
I will be documenting my experiences as I study web front-end development, along with the solutions I've found.
The test environment is IE8, Chrome, and Safari.
CSS: Bootstrap
IE8: Doesn't apply very nicely > I created and applied my own CSS.
Chrome: Good
Safari: Good
JS: addEventListener
IE8: Does not work. I handled it as follows. In IE8, use 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)
When merging arrays using JQUERY's merge, I had a strange experience where the data changed depending on the order of arr1 and arr2.
I'll have to be careful... ㅡ,.ㅡ... ;;
This took me an entire day to map the data... sigh....
Please save me.
Regarding page navigation via Javascript
parent.location.href = "url"
Sets the path of the frame immediately above the current frame to the specified URL ( Page navigated )
top.location.href = "url"
Sets the location path of the outermost document to the specified URL ( Page navigated )
opener.location.href = "url"
Sets the location path of the document that opened the current frame to the specified URL ( Page navigated )
When you want to onload specific CSS or Javascript after JQUERY page navigation
<div data-role = "page">
<style> ... </style> or <script> ... </script>
</div>
As in the example above, insert custom script or style code inside the relevant div.