2021/12/01 4

History API

if(typeof(history.pushState) == 'function'){ history.replaceState({}, null, location.pathname); } 새로나온 것도 아닌데..이제서야 처음봤다... - typeof 연산자는 피연산자의 평가 전 자료형을 나타내는 문자열을 반환합니다. 페이지를 리로드하지 않고 페이지 주소만 변경할 때 사용합니다. 앞서 말했듯이 html5 지원 브라우저에서만 사용 가능하기 때문에, 지원하지 않거나 ie10 미만 버전에서는 열심히 에러를 뿜어줄 것이다. 실제 페이지를 로드하는 것은 아니기 때문에 실제 문서 존재 여부는 중요하지 않다. 물론 새로고침 하면 페이지를 찾을 수 없다고 에러가 뿜뿜! 뒤로가기를 하면 원래 문서가 뜰 것입니다.(예제페이지) ajax..

화면 맨 위로 이동 + a태그에 js연결할 때 화면 맨 위로 이동x

원래 HTML 코딩할 때 주던 방식은 맨 위로 간단히 이렇게 했었다. 그러나, 저렇게 써 주면 접근성 오류는 물론이고 웹표준 프로그램 돌리면 링크 오류 뜬다.... 이 경우 주소의 제일 뒤에 #이 붙는다. http:/어쩌고../# < 이런식으로 이 # 기호는 추후 파라미터오류가 나는 경우가 있어서 비추!! 방법1 ] 맨 위로 위와 같이 하면 동작 잘된다. 그러나 위 방법으로 쓰는 것은 태그에 #기호를 쓰기 때문에 웹표준 오류다. 만약 이미지로 top 버튼을 준다면 아래와 같이 해보자 방법2 ] TOP div가 아니라 span이나 td 등을 사용해도 되고 cursor:pointer 는 마우스 커서를 손가락 모양으로 변경해 주는 스크립트 onclick 이벤트에 window.scrollTo 를 사용해서 (x,..

[Javascript] PC, MOBILE 구분하기 (Navigator 사용)

https://thingsthis.tistory.com/162 [Javascript] PC, MOBILE 구분하기 (Navigator 사용) 최근 개발 중 PC, MOBILE 을 구분하여 처리하는 로직에서 오류가 발생하였습니다. 결제 모듈을 호출하는 부분에서 PC 모듈을 호출해야 하지만 MOBILE 모듈을 호출하여 발생한 문제였습니다. 지금까지 thingsthis.tistory.com Win16 : 16비트 윈도위기반 컴퓨터 Win32 : 32비트 윈도위기반 컴퓨터 Win64 : 64비트 윈도위기반 컴퓨터 MacIntel : 인텔CPU 를 가진 매킨토시 컴퓨터 Mac : 매킨토시컴퓨터 var filter = "win16|win32|win64|mac|macintel"; var vWebType = ""; i..

replaceAll (?i)

프로젝트를 보던 중 replaceAll 를 사용할 때 (?i)가 적혀있는 것을 보았다... 무슨 뜻일까 replaceFirst() / replaceAll() 메소드(함수)로 문자열을 치환할 때, 대소문자 구분없이 바꾸려면 정규식의 앞 부분에 (?i) 라는 옵션을 넣어주면 됩니다. 물음표+소문자i(아이)입니다. // 정규표현식으로 제거 String.replaceAll("]*)?(\\s)*(/)?>",""); // 한줄로 할려면 아래 추가 String.replaceAll("("\r|\n| ",""); => .replaceAll("]*)?(\\s)*(/)?>","").replaceAll("\r|\n| ","") 출처: https://kooremo.tistory.com/entry/자바-정규식으로-html태그-제..

반응형