> 웹 프론트엔드 > JS 튜토리얼 > JavaScript는 URL 주소의 자동 감지를 구현하고 URL 링크 샘플 code_javascript 기술을 추가합니다.

JavaScript는 URL 주소의 자동 감지를 구현하고 URL 링크 샘플 code_javascript 기술을 추가합니다.

WBOY
풀어 주다: 2016-05-16 17:15:45
원래의
1070명이 탐색했습니다.
배경: 간단한 채팅 시스템을 작성하고 Htpp Url을 보내 점프를 구현하고 태그를 추가합니다.
구현 코드:
코드 복사 코드는 다음과 같습니다.

String.prototype .httpHtml = function(){
var reg = /(http://|https://)((w|=|?|.|/|&|-) )/g; .replace( reg, '$1$2')
};


발췌: URL 주소 자동 추가 구현
URL 주소 자동 추가 구현은 실제로 감지 및 교체로 구성됩니다.


탐지 "탐지"는 텍스트(문자열)에 http 주소와 일치하는 내용이 있는지 여부를 탐지하는 것입니다. 물론 이를 위해서는 검증을 위해 정규식을 사용해야 합니다. 이 작업은 프런트엔드와 백엔드 모두에서 수행할 수 있으며 여기서는 JavaScript를 사용하여 구현되는 프런트엔드 방법에 대해서만 설명합니다.
HTTP 주소를 확인하는 정규식은 다음과 같습니다(누락되거나 부정확한 내용이 있을 수 있으니 정정해 주세요).
var reg = /(http://|https://)((w|= | ?|.|/|&|-) )/g;
첫 번째 부분은 http 또는 https로 시작하는 URL 문자열 주소와 일치하고, 뒷부분은 영어 문자, 밑줄(_), 마침표(.), 물음표(?), 등호(=), 연결 대시(-) 등


Replacement JavaScript에서 교체 기능을 생각하면 가장 먼저 떠오르는 것은 당연하게도 교체 속성입니다. 교체 속성의 힘은 일반 지원이라는 점입니다. 표현식이며 대체할 문자열과 일치할 수 있습니다. 예를 들어 문자열 양쪽 끝의 공백을 바꾸려면 다음과 유사한 명령문을 사용할 수 있습니다.

코드 복사 코드는 다음과 같습니다.
var s = " 공백 ";
s = s.replace(/^s (.*?)s $/, "");
경고

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿