여러 browser_javascript 기술로 지원되는 어두운 배경과 드래그 가능한 프롬프트 창 기능이 있는 div용 코드
- WBOY원래의
- 2016-05-16 19:05:281118검색
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
IE7 .0, Firefox2.0. Opera9.0이 테스트를 통과했습니다.
모든 분들의 조언과 비판을 환영합니다
저는 얼마 전부터 인터넷에 호환되는 브라우저에 대한 기사가 많이 있습니다. 몇 가지를 찾았습니다.
http: //blog.csdn.net/zqian1987/archive/2008/03/02/2140055.aspx
http://www.cnblogs.com/jacklong/archive/2008 /01/10/1033954.html
다음은 주로 IE 및 FireFox와의 호환성 측면에서 이 기간 동안 제가 경험한 내용 중 일부입니다. Opera 9.0 이전 버전은 많은 것을 지원하지 않는 것 같습니다. 당분간은 소개하지 않습니다. Opera 9.0 이후 버전은 Javascript 해석과 호환되지 않습니다.
제가 소개한 내용은 흔하지 않은 상황에 중점을 두고 생각나는 대로 계속해서 새로운 내용을 추가하겠습니다.
1. 요소 만들기 일반적인 작성 방법은 createElement("div")입니다. 🎜> IE에서는 createElement("
")를 작성할 수도 있지만 Firefox에서는 이를 인식하지 못합니다.
2. IE에서는 너비와 높이의 개념이 다릅니다. IE Medium width=width 2*borderWidth 2*Padding in FireFox
참조: http://help.powereasy.net/Template/WEB/1557.html
동적으로 CSS 코드 추가
cssStr = " p { color:#FF0000;} a {font-size:9pt;}";
var style = win.document.createStyleSheet()
style.cssText = cssStr;FireFox: 콘텐츠 복사 클립보드 코드:
cssStr = "p { color:#FF0000;} a {font-size:9pt;}"
var style = win.document.createElement("style"); .type = "text/css";
style.innerHTML = cssStr;
win.document.getElementsByTagName("HEAD").item(0).appendChild(style); 표 마지막에 일반적인 작성 방법인 insertRow(-1), insertCell(-1)
IE에서는 insertRow(), insertCell()도 이렇게 작성할 수 있지만 Firefox에서는 인식하지 못합니다
. 5. 경고 대화상자 경고(), IE에서는 그런 것이 없습니다. 기본 매개변수는 빈 문자열입니다. Firefox에서는 매개변수를 입력해야 빈 매개변수를 전달하려면 반드시 Alert(""로 작성해야 합니다. );
6. element.style.width에 할당된 값은 24px로 적어야 합니다. 숫자 24만 쓰면 FireFox에서는 인식하지 못하지만 IE에서는 찾을 수 있습니다
7. Element를 사용하세요. onclick, onmouseover, onmousedown, onmouseout 및 기타 이벤트에 바인딩합니다.
element.onclick = function() { Alert("hello kitty" ) };
시 추가할 때
appendChild를 사용하세요. 이 요소를 상위 요소에 적용하세요. 상위 요소에서 innerHTML 작업을 사용하지 마세요. 그러면 이벤트가 무효화됩니다.
2. IE에서는 너비와 높이의 개념이 다릅니다. IE Medium width=width 2*borderWidth 2*Padding in FireFox
참조: http://help.powereasy.net/Template/WEB/1557.html
동적으로 CSS 코드 추가
cssStr = " p { color:#FF0000;} a {font-size:9pt;}";
var style = win.document.createStyleSheet()
style.cssText = cssStr;FireFox: 콘텐츠 복사 클립보드 코드:
cssStr = "p { color:#FF0000;} a {font-size:9pt;}"
var style = win.document.createElement("style"); .type = "text/css";
style.innerHTML = cssStr;
win.document.getElementsByTagName("HEAD").item(0).appendChild(style); 표 마지막에 일반적인 작성 방법인 insertRow(-1), insertCell(-1)
IE에서는 insertRow(), insertCell()도 이렇게 작성할 수 있지만 Firefox에서는 인식하지 못합니다
. 5. 경고 대화상자 경고(), IE에서는 그런 것이 없습니다. 기본 매개변수는 빈 문자열입니다. Firefox에서는 매개변수를 입력해야 빈 매개변수를 전달하려면 반드시 Alert(""로 작성해야 합니다. );
6. element.style.width에 할당된 값은 24px로 적어야 합니다. 숫자 24만 쓰면 FireFox에서는 인식하지 못하지만 IE에서는 찾을 수 있습니다
7. Element를 사용하세요. onclick, onmouseover, onmousedown, onmouseout 및 기타 이벤트에 바인딩합니다.
element.onclick = function() { Alert("hello kitty" ) };
시 추가할 때
appendChild를 사용하세요. 이 요소를 상위 요소에 적용하세요. 상위 요소에서 innerHTML 작업을 사용하지 마세요. 그러면 이벤트가 무효화됩니다.
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.