2018 - 11 - 08 자 바스 크 립 트 기초 회고
상수
예 를 들 어 100, "abc" alert (123) / / 정수 상수 상수;alert: 알림 정보 alert ("123") / 문자열 상수 alert ("3.14") / 소수 상수 alert ("javascript") 팝 업; /문자열 상수 var name; /공간 이름
문자열
변수 (저장 공간)
var name = "이름"; /name 은 공간 이름 var 는 키워드 이 고 변 수 를 뜻 합 니 다.
변수 이름 (공간의 이름) 방 번호 (8301) 변수 값 (공간 안의 데이터) (세입 자) 변수 유형 ()
js 정의 변 수 를 사용 하 는 문법 형식 은: var 변수 이름; /var 변수 이름 = 값 을 설명 합 니 다. /성명 과 동시에 초기 화
데이터 형식
예 를 들 어 문자열, 수치 (정수) (소수), 불 브 르 형식의 값 은 두 가지 가 있 습 니 다.true，false var israin = true；//오늘 비가 와 요.var israin = false；//오늘 은 비가 오지 않 았 다.
산술 연산 자: +, -, *, /,%
논리 연산 자 (논리 연산 의 결 과 는 불 형식)
논리 또는: | 문법 형식: 표현 식 | | 표현 식 은 하나의 표현 식 결과 가 ture 라면 논리 와 연산 의 결 과 는 ture 입 니 다. 두 표현 식 의 결 과 는 모두 flase 입 니 다. 그러면 논리 와 연산 의 결 과 는 flase 입 니 다.
논리 와: & 문법 형식: 표현 식 & & 표현 식 은 하나의 표현 식 결과 가 false 라면 name 논리 와 연산 의 결 과 는 false 이 고 두 표현 식 의 결 과 는 모두 true 이 며 논리 와 연산 의 결 과 는 true 입 니 다.
논리 비:!문법:!표현 식
논리 이상 또는: ^ 문법 형식: 표현 식 ^ 표현 식
비교 연산 자 (비교 연산 결 과 는 불 형식)
(>) 왼쪽 이 오른쪽 보다 큰 지 (<) 왼쪽 이 오른쪽 보다 작은 지 (> =) 왼쪽 이 오른쪽 보다 큰 지 (< =) 왼쪽 이 오른쪽 보다 작은 지 (= =) 왼쪽 과 오른쪽 이 같은 지 비교
if else 구조
예 는 다음 과 같다.
<script type="text/javascript">
//
var times = 0;
function show () {
times++;//times = times + 1;
if(times == 1){
document.getElementById("again").innerText=" ";
}
else if(times == 2){
document.getElementById("again1").innerText=" ？";
}
else if (times == 3) {
document.getElementById("again2").innerText=" ";
}
else if(times == 4){
document.getElementById("again3").innerText=" ？";
}
else if(times == 5){
document.getElementById("again4").innerText=" ";
document.getElementById("again1").innerText="";
document.getElementById("again2").innerText="";
document.getElementById("again3").innerText="";
document.getElementById("again").innerText="";
}
else if(times == 6){
document.getElementById("div001").style.display="none";
}
else{
alert(times);
}
}
</script>
<div id="div001" onclick="show();" style="width:300px;height: 300px;background-color: green;">
<h3 id="again4" style="color: white;"> </h3>
<h3 id="again" style="color: white;"/>
<h3 id="again1" style="color: white;"/>
<h3 id="again2" style="color: white;"/>
<h3 id="again3" style="color: white;"/>
</div>
</code></pre>
<h4>switch case </h4>
<pre><code>
<meta charset="UTF-8"/>
<title/>
<script type="text/javascript">
//
var times = 0;
function show () {
times++;//times = times + 1;
switch (times){
case 1:
document.getElementById("again").innerText=" ";
break;
case 2:
document.getElementById("third").innerText=" ";
break;
case 3:
document.getElementById("first").innerText=" ";
document.getElementById("again").innerText="";
document.getElementById("third").innerText="";
break;
case 4:
document.getElementById("first").innerText=" ";
break;
case 5:
var childnode = document.getElementById("div001");
document.getElementById("main").removeChild(childnode);
//document.getElementById("div001").style.display="none";
break;
default:
alert(times);
break;
}
}
</script>
<div id="div001" style="width:30%;height:200px;background-color: green;" onclick="show();">
<h1 id="first" style="color: white;"> </h1>
<h1 id="again" style="color: white;"/>
<h1 id="third" style="color: white;"/>
</div>
</code></pre>
<h4> </h4>
<p>isNaN(n) n <br/> ：<br/> var X = "hello";<br/> var Y = "123";//y <br/> var Z = 123；<br/> var flag = isNaN（"X"）；//ture<br/> var flag2= isNaN("Y");//flase<br/> var flag3= isNaN（"Z"）;//flase<br/> ：</p>
<pre><code>
<meta charset="utf-8"/>
<title/>
<script type="text/javascript">
function checkamount(money){
//var x = parseInt(money);
if(isNaN(money)==true){
document.getElementById("amount_error").innerText="* "
return false;
}else{
document.getElementById("amount_error").innerText="";
}
}
</script>
<h1> </h1>
：
<input type="text" name="amount" id="amount" value="0.00" onblur="checkamount(this.value)"/>
<span id="amount_error"/>
</code></pre>
<h4> ：</h4>
<p> ：<br/> [0-9] 0-9 <br/> [0-9]{3} 3 <br/> [0-9]+ <br/> [0-9]* 0 <br/> [0-9]{5,11} 5-11 <br/> [0-9]？ 0 1 <br/> [a-zA-Z] a-z <br/> [a-zA-Z0-9] （ 、 、 ）<br/> \d ， [0-9]<br/> \w ， [a-zA-Z]</p>
<h3> </h3>
<pre><code>
<meta charset="utf-8"/>
<title/>
<script type="text/javascript">
function checkgm(gm){
var reg = /^(?=.*[0-9])(?=.*[a-zA-Z])(.{1,10})$/
if(reg.test(gm)==true){
document.getElementById("gm_error").innerText="√";
}else{
document.getElementById("gm_error").innerText="*10 ， ";
}
}
function checktel(tel){
var one = /^0\d{2,3}-?\d{7,8}$/;
if(one.test(tel)==true){
document.getElementById("tel_error").innerText="√";
}else{
document.getElementById("tel_error").innerText="* ：021-12345678";
}
}
</script>
：
<input type="text" name="gm" id="gm" value="" onblur="checkgm(this.value)"/>
<span id="gm_error" style="color: red;font-size: 12px;"/><br/><br/>
：
<input type="text" name="tel" id="tel" value="" onblur="checktel(this.value)"/>
<span id="tel_error" style="color: red;font-size: 12px"> </span> <br/>
<input type="submit" name="sbt" id="sbt" value=" "/>
</code></pre>
</article>
</div>
</div> 이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
