개발/Javascript, ECMAScript32 [자바스크립트 javascript] Synchronous XMLHttpRequest on the main thread is deprecated (업데이트 2019-03-04) 개요Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check http://xhr.spec.whatwg.org/. 라는 문구가 떴다. (크롬에서 jquery 3.3.1 로 async:false 옵션으로 테스트 했을 때) 본문 오래 전에 만들었던 소스를 살펴보는 과정에서 위와 같은 오류 표시를 확인했습니다. 살펴보니 코드 중에서 jquery 의 Ajax 기능을 이용하는 중에, async:false 라는 옵션을 넘겨주는 부분이 있었습니다. 이 부분에서 경고가 출력된 것으로 생각됩니다. 영어는 해석해보면, 메인.. 2015. 5. 8. [jquery] 키 이벤트 순서 이벤트 발생순서는 keydown -> keypress-> keyup 라고 하는데 확인은 해봐야 할 듯 2014. 5. 22. [자바스크립트 javascript] 팝업에서 opener 의 변경이 필요할 때 개요'팝업창'에서 opener (부모창)에 동작을 시켜야 할 때가 있습니다. 이 경우에 에러가 발생하는 경우가 있습니다. 'IE10' 에서는 [권한오류] [SCRIPT70] 같은 에러가 나오고'크롬 브라우저' 에서는 [Uncaught SecurityError: Blocked a frame with origin ...] 오류가 나옵니다. 결론본 창과 팝업창 둘다에 동일한 document.domain = "domain.com"; 값이 들어가야 합니다. 부모창에 submit 을 해야하는 경우도 있는데, 이 경우는 다른 포스팅에서 정리하였습니다. 2010/07/16 - [자바스크립트 Javascript] 팝업에서 opener 로 target 주고 submit (업데이트 2019-03-04) 2014. 5. 19. [jquery] closest / parent / parents parent 는 바로 상위 의 객체 parent() 또는 parent(".aaa")parents 는 상위의 어떤 객체 중에서 해당 객체를 찾는다. 예시) parents(".aaa")closest 는 가장 가까운 상위의 객체를 찾는다. 2014. 5. 12. [jquery] bind click delegate live 차이 bind() 이벤트 적용$("#list").bind("click",function(){});$("#list").on("click",function(){}); live() 동적으로 추가되는 요소에도 이벤트 적용$("#list").live("click",function(){});$(document).on("click","#list",function(){}); delegate() 동적으로 추가되는 요소에도 이벤트 적용$("#list").delegate("li a","click",function(){});$("#list").on("click","li a",function(){}); 2014. 2. 5. [Javascript] 클래스 개념 var class = new function(){var _abc = "";this.fnAbc = function(){ }var fnAbc2 = function(){ } var fnAbc3 = new function(){ }} 이러한 형태로 클래스를 만들 수가 있다. 클래스를 만드는 방법은 여러개가 있다. 차례차례 정리해볼 예정이다. 2013. 11. 6. select option 관련 (예전에 작성된 글입니다) 의 방식으로 했는데 귀찮아서 요즘은 그냥 java 단에서 이래저래 처리를 하는중. 2011. 4. 5. 모바일 체크 function isMobileCheck(){ var isAgent = navigator.userAgent.toLowerCase(); if( (isAgent.indexOf('iphone') != -1)||(isAgent.indexOf('sch-') != -1)||(isAgent.indexOf('sgh-') != -1)||(isAgent.indexOf('lg-') != -1) ||(isAgent.indexOf('canu') != -1)||(isAgent.indexOf('im-') != -1)||(isAgent.indexOf('ev-') != -1)||(isAgent.indexOf('nokia') != -1) ||(isAgent.indexOf('blackberry') != -1)||(isAgent.index.. 2011. 4. 1. location.href 와 location.replace location.href 기능 - 새로운 페이지로 이동 형태 - 속성 히스토리 - 기록된다 사용예 - location.href='주소' location.replace 기능 - 기존 페이지를 새로운 페이지로 변경시킨다. 형태 - 메서드 히스토리 - 기록되지 않는다. 사용예 - location.replace('주소') 2011. 1. 7. 자바스크립트 엔터키 첫번째 방법 function fncEvtSearch(event){ if(event.keyCode == 13){ //엔터키 fncSearch(); return false; } } ... 두번째 방법 Event.observe(window, 'load', function() { Event.observe(document.body, "keypress", function(event) { var element = Event.element(event); if(event.keyCode==Event.KEY_RETURN){//엔터키 이벤트 if(element.id == "year"){//year 이라는 ID 를 가진 OBJECT 에서 $("term").focus();//포커스 주기 } } return false; }); }); 2010. 11. 12. 이전 1 2 3 4 다음
