> 웹 프론트엔드 > JS 튜토리얼 > Javascript 기본 학습 노트(초보자가 꼭 읽어야 할 내용)

Javascript 기본 학습 노트(초보자가 꼭 읽어야 할 내용)

高洛峰
풀어 주다: 2017-01-21 09:50:18
원래의
1301명이 탐색했습니다.

변수란 무엇인가요?

변수는 정보를 저장하는 데 사용되는 컨테이너입니다.

변수 선언

구문:

var 变量名
로그인 후 복사

변수 이름= 값 ;

변수는 먼저 선언한 후 할당해야 합니다

변수는 반복적으로 할당할 수 있습니다

변수 명명 규칙

변수는 문자로 시작해야 합니다.

변수는 $ 및 _ 기호로 시작할 수도 있습니다(그러나 권장하지 않음).

변수 이름은 대소문자를 구분합니다. (a와 A는 다른 변수입니다).


문은 세미콜론으로 끝나며, 세미콜론이 생략되면 파서가 문의 끝을 결정합니다.

좋은 코딩 습관은

데이터 유형

으로 끝나야 합니다. JavaScript에서는 정보의 한 조각이 값(value)입니다. 값은 다양한 유형으로 제공되며 가장 친숙한 유형은 숫자입니다. 문자열 값은

따옴표로 묶인 하나 이상의 단어입니다.

Number 임의의 숫자 값입니다. 숫자는 소수점 유무에 관계없이 68.57

문자열 문자를 따옴표로 묶을 수 있습니다. 작은따옴표 또는 큰따옴표 "hello, world"를 사용할 수 있습니다.

부울 true 또는 false true

정의되지 않음 및 Null 정의되지 않음 이 값은 변수에 값이 포함되어 있지 않음을 의미합니다. 변수 값을 null로 설정하면 변수를 지울 수 있습니다.

객체 객체와 연결된 모든 값

함수 함수

1 var a; //a为undefined
2 var a = 6; //a 为数字
3 var a = "Jason"; // a 为字符串
로그인 후 복사

에서 반환된 값 함수란 무엇인가요?

함수는 특정 작업을 수행하는 JavaScript 문의 집합입니다

기본 구문:

function 函数名(){
  函数代码;
}
로그인 후 복사

함수 이름();

설명:

function은 function 키워드를 정의합니다.

"함수 이름"은 함수에 부여한 이름입니다.

"함수 코드"를 특정 기능을 완성하는 코드로 바꾸세요.

"두 번째 함수명" 함수 호출의 일종

1 function add2(){
2 var sun = 3 + 2;
3 alert(sun);
4 }
5 add2();//调用函数直接写函数名直接弹出函数代码
로그인 후 복사
rrree

출력 내용(document.write)

document.write() 직접 출력 내용 웹 페이지에서.

유형 1: 출력 내용을 ""로 묶어서 "" 기호 안의 내용을 그대로 출력합니다.

1 <input type="button" value="点击我" onclick="add2()" />
2 <!-- 单击按钮后,调用函数,onclick为点击事件 -->
로그인 후 복사

두 번째 유형: 변수를 통해 콘텐츠를 출력합니다.

document.write("I love JavaScript!");
로그인 후 복사

세 번째 유형: 여러 콘텐츠를 출력하고, 콘텐츠를 + 기호로 연결합니다.

var mystr = "hello world";
document.write(mysrt);//直接写变量名,输出变量存储的内容
로그인 후 복사

네 번째 방법: HTML 태그를 출력하고 태그를 ""로 묶습니다. <… "확인"을 클릭하지 않으면 웹 페이지에서

작업을 수행할 수 없습니다. 이 작은 창은 경고를 사용하여 구현됩니다.

구문: 경고(문자열 또는 변수);

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

결과: 메시지 상자를 순서대로 팝업합니다(경고 팝업 메시지 대화 상자에는 확인 버튼이 포함되어 있음)

참고:

1. 대화 상자에서 "확인" 버튼을 클릭하기 전에는 다른 작업을 수행할 수 없습니다.

2. 메시지 대화 상자는 일반적으로 프로그램을 디버깅하는 데 사용할 수 있습니다.

3. document.write와 유사한 문자열 또는 변수일 수 있는 경고 출력 내용

선택 확인(메시지 확인 대화 상자)

정보 제공 외에 우리는 또한 사용자로부터 정보를 얻고 싶습니다. 여기에서는 메시지 확인 대화 상자가 사용됩니다.

확인 메시지 대화 상자는 일반적으로 사용자가 "맞습니까?"와 같은 선택을 할 수 있도록 하는 데 사용됩니다. 대화 상자를 표시합니다(확인 버튼 및 취소 버튼 포함).

구문: verify(str);

매개변수 설명: str: 메시지 대화 상자에 표시할 텍스트 반환 값: 부울 값

반환 값:

사용자가 "확인" 버튼을 클릭하면 true를 반환합니다

사용자가 "취소" 버튼을 클릭하면 false를 반환합니다

참고: 반환 값을 사용할 수 있습니다. 사용자가 어떤 버튼을 클릭했는지 확인하려면

var mystr="hello";
document.write(mystr+"<br>");//输出hello后,输出一个换行符
document.write("JavaScript");
로그인 후 복사

질문하기(프롬프트 메시지 대화 상자)

때때로 사용자가 예/아니요로 대답하기를 원하지 않을 때가 있습니다. 오히려 좀 더 구체적인 반응을 기대하세요. 이 경우 프롬프트를 사용할 수 있습니다.

프롬프트는 일반적으로 사용자와 상호 작용해야 하는 일부 정보를 묻는 데 사용되는 메시지 대화 상자를 표시합니다. 메시지 대화 상자(확인 버튼, 취소 버튼, 텍스트 입력 상자 포함)를 표시합니다.


구문:

var mynum = 30;
alert("hello!");
alert(mynum);
로그인 후 복사

매개변수 설명:

str1: 메시지 대화 상자에 표시할 텍스트, 수정할 수 없습니다.

str2: 텍스트 상자의 내용을 수정할 수 있습니다.

반환 값:

1. 확인 버튼을 클릭하면 텍스트 상자의 내용이 함수 반환 값으로 사용됩니다

2. 취소 버튼을 클릭하면 null이 반환됩니다

<script type="text/javascript">
  var mymessage=confirm("你喜欢JavaScript吗?");
  if(mymessage==true){
    document.write("很好,加油!");
  }else{
    document.write("JS功能强大,要学习噢!");
  }
</script>
로그인 후 복사
rrree

새 창 열기(window.open)

구문:

prompt(str1,str2);
로그인 후 복사

매개변수 설명:

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(&#39;http://&#39;,&#39;_blank&#39;,&#39;width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes&#39;)
 </script>
로그인 후 복사

关闭窗口(window.close)

close()关闭窗口

用法:

1 window.close();//关闭本窗口
2 <窗口对象>.close();//关闭指定的窗口
로그인 후 복사

例如:关闭新建的窗口。

1 <script type="text/javascript">
2   var mywin=window.open(&#39;http://www.jb51.net&#39;); //将新打的窗口对象,存储在变量mywin中
3   mywin.close();
4 </script>
로그인 후 복사

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>
로그인 후 복사


改变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>
로그인 후 복사

显示和隐藏(display属性)

语法:

Object.style.display = value
로그인 후 복사

value值:

none 此元素不会被显示(及隐藏)

block 此元素将显示为块级元素(即显示)

mychar.style.display = "block"
로그인 후 복사

控制类名(className属性)
className属性设置或返回元素的class属性。
语法:

object.className = classname
로그인 후 복사

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

p2.className = "two";
로그인 후 복사

以上这篇Javascript基础学习笔记(菜鸟必看篇)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持PHP中文网。

更多Javascript基础学习笔记(菜鸟必看篇)相关文章请关注PHP中文网!

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