728x90
반응형

1. 헤더에 메타태그로 직접 기술하는방법

<meta http-equiv="X-UA-Compatible" content="IE=8" />

2. jsp 표준객체를 이용하여 헤더에 set 해주는방법 

<script> 

window.onload = function{

function agentChange(){

if(navigator.userAgent.match(/Trident\/(\d.\d)/i)[1] == '6.0'){

<%

response.setHeader("X-UA-Compatible", "IE=8");

%>

}

}

}

</script> 


결론

익스플로러 9 나 10이전에 만들어진 웹사이트들의 경우 익스플로러8에 맞게끔 제작이되어있어서 

자바스크립트나 몇가지 태그들이 안먹히는 경우들이 있다. 

보통은 1번의 방법으로 처리를 하는데 간혹가다가 먹히지 않는 사이트들이 더러 있다 -ㅅ-;; 

그럴 경우에 자바에서 제공하는 setHeader 를 이용하여 렌더링 방식을 변경하는 방법이 있다. 

2번 방식대로 하게되면 1번에서 안될경우에도 처리가 되는것으로 보인다. 

728x90
반응형
728x90
반응형

<!DOCTYPE html>

<html>

<head>

<meta charset="EUC-KR">

<title>Insert title here</title>

<script>

function showResult() {

var a = document.getElementById("num1");

var b = document.getElementById("num2");

var c = parseInt(a.value)+parseInt(b.value);    //    parseInt 를 이용하여 문자열을 숫자로 변환

var d = document.getElementById("num3");

d.value = c;

}

</script>

</head>

<body> 

<input type="text" id="num1"/>+

<input type="text" id="num2"/>=

<input type="text" id="num3"/>

<br/>


<input type="button" value="두수합" onclick="showResult();"/>



</body>

</html>




[결과] 




728x90
반응형

+ Recent posts

티스토리툴바