자바스크립트 기초 입문 학습노트_자바스크립트 스킬 정리-JS 튜토리얼-php.cn

변수가 무엇인지 이해하시나요?
변수는 정보를 저장하는 데 사용되는 컨테이너입니다
변수 선언
구문:

var 변수 이름
변수명 = 값;
변수를 먼저 선언한 후 할당해야 합니다
변수는 반복적으로 할당 가능
변수 명명 규칙

변수는 문자로 시작해야 합니다.
변수는 $ 및 _ 기호로 시작할 수도 있지만 권장하지는 않습니다.
변수 이름은 대소문자를 구분합니다(a와 A는 다른 변수입니다).

1. 성명
명령문은 세미콜론으로 끝나며, 세미콜론이 생략되면 구문 분석기가 명령문의 끝을 결정합니다.
좋은 코딩 습관은 ;

로 끝나야 합니다.

2. 데이터 유형
JavaScript에서는 정보가 값입니다. 값은 다양한 유형으로 제공되며 가장 친숙한 유형은 숫자입니다. 문자열 값은 따옴표로 묶인 하나 이상의 단어입니다.
숫자 임의의 숫자 값입니다. 숫자는 소수점이 있거나 없을 수 있습니다. 68.57
문자열 따옴표 안의 문자입니다. 작은따옴표나 큰따옴표 "hello, world"를 사용할 수 있습니다
부울 참 또는 거짓 참
정의되지 않음 및 Null 이 정의되지 않은 값은 변수에 값이 포함되어 있지 않음을 의미합니다. 변수 값을 null로 설정하면 변수를 지울 수 있습니다.
객체 객체와 연결된 모든 값
함수 함수

에서 반환하는 값

var a; //a为undefined
var a = 6; //a 为数字
var a = "Jason"; // a 为字符串

로그인 후 복사

3. 함수란 무엇인가요?
함수는 특정 작업을 수행하는 JavaScript 문 집합입니다
기본 구문:

function 函数名(){
 函数代码;
}

로그인 후 복사

함수명();
설명:
function은 function 키워드를 정의합니다.
"함수 이름"은 함수에 부여한 이름입니다.
"기능 코드"는 특정 기능을 수행하는 코드로 대체됩니다.
"두 번째 함수 이름"은 일종의 함수 호출입니다

 function add2(){
 var sun = 3 + 2;
 alert(sun);
 }
 add2();//调用函数直接写函数名直接弹出函数代码
 <input type="button" value="点击我" onclick="add2()" />
 <!-- 单击按钮后，调用函数，onclick为点击事件 -->

로그인 후 복사

4. 출력 내용(document.write)
document.write()는 웹 페이지의 내용을 직접 출력합니다.
첫 번째 방법: 출력 내용을 ""로 묶어서 "" 기호 안의 내용을 직접 출력합니다.

document.write("I love JavaScript!");

로그인 후 복사

두 번째 유형: 변수를 통해 내용 출력

var mystr = "hello world";
document.write(mysrt);//直接写变量名，输出变量存储的内容

로그인 후 복사

세 번째 유형: 여러 개의 콘텐츠를 출력하고 기호를 사용하여 콘텐츠를 연결합니다.

var mystr = "hello";
document.write(mystr + "I love Java Script");//多项内容之间用+号连接

로그인 후 복사

네 번째 방법: HTML 태그를 출력하고 태그를 ""로 묶습니다.

var mystr="hello";
document.write(mystr+"<br>");//输出hello后，输出一个换行符
document.write("JavaScript");

로그인 후 복사

5. 경고(경고 메시지 대화 상자)
웹사이트에 접속하면 가끔 작은 창이 갑자기 뜨면서 안내 메시지가 적힌 경우가 있습니다. "확인"을 클릭하지 않으면 웹 페이지에서 어떤 작업도 수행할 수 없습니다. 이 작은 창은 경고를 사용하여 구현됩니다.
구문: alert(문자열 또는 변수)

var mynum = 30;
alert("hello!");
alert(mynum);

로그인 후 복사

결과: 메시지 상자가 순서대로 팝업됩니다(경고 팝업 메시지 대화 상자에 확인 버튼이 포함됨)
참고:
1. 대화 상자에서 "확인" 버튼을 클릭하기 전에는 다른 작업을 수행할 수 없습니다.
2. 메시지 대화 상자는 종종 프로그램을 디버깅하는 데 사용될 수 있습니다.
3. document.write와 유사한 문자열 또는 변수일 수 있는 경고 출력 내용

6. 선택 확인(메시지 확인 대화 상자)
저희는 사용자에게 정보를 제공하는 것 외에도 사용자로부터 정보를 얻기를 바랍니다. 여기에서는 메시지 확인 대화 상자가 사용됩니다.
확인 메시지 대화 상자는 일반적으로 사용자가 "맞습니까?"와 같은 선택을 할 수 있도록 하는 데 사용됩니다. 대화 상자를 표시합니다(확인 버튼 및 취소 버튼 포함).
구문: 확인(str);
매개변수 설명: str: 메시지 대화 상자에 표시될 텍스트 반환 값: 부울 값
반환 값:
사용자가 "확인" 버튼을 클릭하면 true를 반환합니다
사용자가 "취소" 버튼을 클릭하면 false를 반환합니다
참고: 반환 값을 사용하여 사용자가 어떤 버튼을 클릭했는지 확인할 수 있습니다

<script type="text/javascript">
 var mymessage=confirm("你喜欢JavaScript吗&#63;");
 if(mymessage==true){
   document.write("很好,加油!"); 
  }else{
   document.write("JS功能强大，要学习噢!");
  }
 </script>

로그인 후 복사

7、提问（prompt 消息对话框）
有时候，不仅希望用户回答Yes/No。而是希望得到更特定的响应。这中情况我们可以利用prompt。
prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框（包含一个确定按钮、取消按钮与一个文本输入框）。
语法：

prompt(str1,str2);
参数说明：
str1:要显示在消息对话框中的文本，不可修改
str2:文本框中的内容，可以修改
返回值：
1、点击确定按钮，文本框中的内容将作为函数返回值
2、点击取消按钮，将返回null

 function rec(){
  var score; //score变量，用来存储用户输入的成绩值。
  score = prompt("请输入你的成绩","90");
  if(score>=90){
   document.write("你很棒!");
  }else if(score>=75){
   document.write("不错吆!");
  }else if(score>=60){
   document.write("要加油!");
  }else{
   document.write("要努力了!");
  };
 } ; 

 <script>
  var myName = prompt("输入您的名字");
   if(myName != null && myName != ""){
    document.write("welcom to" + myName);
   }else{
    document.write("welcom to my friend");
   }
</script>

로그인 후 복사

8、打开新窗口（window.open）
语法：

window.open([URL], [窗口名称], [参数字符串])
参数说明:
URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。
窗口名称：可选参数，被打开窗口的名称。
1.该名称由字母、数字和下划线字符组成。
2.窗口名称：可选,该字符串是一个由逗号分隔的特征列表，声明了被打开窗口的名称。可以是"_top"、"_blank"、"_selft"、"_parent"等。
_blank 在新窗口显示目标网页
_selft 在当前窗口显示目标网页
_parent 框架网页中当前整个窗口位置显示目标网页
_top 框架网页中在上部窗口中显示目标网页
3.相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。
4.name 不能包含有空格。
参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。

参数表：
top　　　　Number　　窗口顶部离开屏幕顶部的像素数
left　　　　Number　　窗口左端离开屏幕左端的像素数
width　　　　Number　　窗口的宽度
height　　　　Number　　窗口的高度
menubar　　　　yes,no　　窗口有没有菜单
toolbar　　　　yes,no　　窗口有没有工具条
scrollbars　　　　yes,no　　窗口有没有滚动条
status　　　　　　yes,no　　窗口有没有状态栏

 <script type="text/javascript">
  window.open('http://','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
 </script>

로그인 후 복사

9、关闭窗口（window.close）
close()关闭窗口
用法：

window.close();//关闭本窗口
 <窗口对象>.close();//关闭指定的窗口

로그인 후 복사

例如:关闭新建的窗口。

 <script type="text/javascript">
  var mywin=window.open('http://www.imooc.com'); //将新打的窗口对象，存储在变量mywin中
  mywin.close();
 </script>

로그인 후 복사

10、innerHTML属性
innerHTML属性用于获取或替换HTML元素的内容。
语法：

Object.innerHTML
Object是获取的元素对象，如通过document.getElementById("ID")获取元素。

<h2 id="con">javascript</H2>
 <script type="text/javascript">
 　　var mychar=document.getElementById("con");
 　　document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容
 　　mychar.innerHTML="hello world"
 　　document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容
 </script>

로그인 후 복사

11、改变HTML样式
语法：

Object.style.property=new style;
注意：Object是获取的元素对象，如通过document.getElementById("id")获取的元素

<h2 id="con">I love JavaScript</h2>
 <script type="text/javascript">
 var mychar= document.getElementById("con");
 mychar.style.color="red";
 mychar.style.background="#ccc";
 mychar.style.width="300px";
 </script>

로그인 후 복사

12、显示和隐藏（display属性）
语法：

Object.style.display = value
value值：
none 此元素不会被显示（及隐藏）
block 此元素将显示为块级元素（即显示）

mychar.style.display = "block"

13、控制类名（className属性）
className属性设置或返回元素的class属性。
语法：

object.className = classname
作用：
1、获取元素的class属性
2、为网页内的某个元素指定一个css样式来更改该元素的外观

p2.className = "two";
以上就是整理的javascript的基础知识学习笔记，希望对大家的学习有所帮助。