집 >웹 프론트엔드 >JS 튜토리얼 >자바스크립트 초보자를 위한 공통스킬_javascript 스킬

자바스크립트 초보자를 위한 공통스킬_javascript 스킬

WBOY원래의: 2016-05-16 16:38:011410검색

이 기사의 예에서는 JavaScript 초보자가 사용하는 몇 가지 일반적인 기술을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.

1. 자바스크립트 프로그램 저장 위치

HTML

HTML
*.js 파일 내부

2. 표준 형식

HTML의 6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956 안에 넣으세요. 브라우저가 Body 부분을 로드하면 Javascript가 실행되기 시작합니다

<html>
<head></head>
<body>
<script type="text/javascript">
。。。。。。
</script>
</body>
</html>

은 HTML의 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 사이에 위치하며 일반적으로 사용자 이벤트를 실행하는 데 사용됩니다.

<html>
<head>
<script type="text/javascript">
。。。。。。
</script>
</head>
<body></body>
</html>

일부 공유 js 메소드나 코드 중복을 피하기 위한 다른 방법의 경우 js를 *.js 파일에 넣고 html에 도입할 수 있습니다.

<html>
<head>
<script src="filepath/*.js"/></script>
</head>
<body>
</body>
</html>

3. 공통 이벤트 텍스트 상자 포커스 이벤트

onblur: 초점 상실 이벤트

onfocus: 포커스 이벤트 가져오기

onchange: 텍스트 상자 텍스트 변경 이벤트

onselect: 텍스트 상자 텍스트 이벤트 선택

<input type="text" value="test text!" onfocus="if(value=='test text!') {value=''}" onblur="if(value=='') {value='test text!'}" />
<!-- 初始值为test text! 获得焦点后判断用户无输入将文本框设空 失去焦点时判断为空时设置默认值 -->

이 글이 모든 분들의 자바스크립트 프로그래밍 학습에 도움이 되기를 바랍니다.

성명：

이전 기사：JavaScript_javascript 기술에서 일반적으로 사용되는 9가지 정렬 알고리즘다음 기사：JavaScript_javascript 기술에서 일반적으로 사용되는 9가지 정렬 알고리즘

자바스크립트 초보자를 위한 공통스킬_javascript 스킬

관련 기사