>웹 프론트엔드 >JS 튜토리얼 >JavaScript 시작 경험 공유

JavaScript 시작 경험 공유

黄舟
黄舟원래의
2017-07-31 10:26:041313검색

JS로 약칭되는 JavaScript는 웹페이지에 사용되는 프로그래밍 언어인데, 지금도 매우 흔하게 사용되는 언어입니다. 제가 대학 다닐 때 학교에서 JavaScript 교과서를 발행했는데, 두꺼운 것을 보고 정말 충격을 받았던 기억이 납니다. 하나. 하지만 배우고 심화해 보면 이 기술은 그다지 어렵지 않으며 매우 강력하고 유연하며 배우기 쉽습니다.

JavaScript는 스크립팅 언어입니다.

JavaScript는 가벼운 프로그래밍 언어입니다.

JavaScript는 HTML 페이지에 삽입할 수 있는 프로그래밍 코드입니다.

JavaScript를 HTML 페이지에 삽입하면 모든 최신 브라우저에서 실행할 수 있습니다.

JavaScript는 배우기 쉽습니다.

JavaScript 시작 경험 공유

추천 학습JavaScript 입문 튜토리얼

1. JavaScript 사용법

<script> 태그 HTML 페이지에 JavaScript를 삽입하려면 <script> </script>

<script> 및 </script>는 JavaScript의 시작 위치와 끝 위치를 알려줍니다.

<script>와 </script> 사이의 코드 줄에는 JavaScript가 포함되어 있습니다:

<script>
alert("我的第一个 JavaScript");
</script>

강의 링크: http://www.php.cn/code/3511.html


2.javaScript 구문

<body>
<p id="demo"></p>
<script>
    document.getElementById("demo").innerHTML = 123e5;
</script>
</body>

course 링크 : http://www.php.cn/code/3527.html


3.javaScript 데이터 types

<script>
 var carname1="我是双引号";
 var carname2=&#39;我是单引号&#39;;
 var answer1="这是正常的";
 var answer2="我的名字是 &#39;Johnny&#39;";
 var answer3=&#39;我的名字是 "Johnny"&#39;;
 document.write(carname1 + "<br>")
 document.write(carname2 + "<br>")
 document.write(answer1 + "<br>")
 document.write(answer2 + "<br>")
 document.write(answer3 + "<br>")
</script>

강좌 링크: http://www.php.cn/code/3560.html

4. JavaScript Object

<body>
<p>创建 JavaScript 对象。</p>
<p id="demo"></p>
<script>
    var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
    document.getElementById("demo").innerHTML =
            person.firstName + " 现在 " + person.age + " 岁.";
</script>
</body>

강좌 링크: http://www. php.cn/code/3575.html

5.JavaScript 연산자: 산술 연산자, 할당 연산자, 문자열 + 연산자 등

<body>
<p>点击按钮计算 x 的值.</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
y=5;
z=2;
x=y+z;
document.getElementById("demo").innerHTML=x;
}
</script>
</body>

강의 링크: http:// www.php.cn/code/3597.html

6.JavaScript 조건문: If 문, If...else 문, If...else if...else 문

<body>
<p>如果时间早于 20:00,会获得问候 "Good day"。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
    function myFunction(){
        var x="";
        var time=new Date().getHours();
        if (time<20){
            x="Good day";
        }
        document.getElementById("demo").innerHTML=x;
    }
</script>
</body>

강좌 링크:http://www.php.cn/code/3600.html

7.JavaScript 함수 정의

<body>
<p>本例调用的函数会执行一个计算,然后返回结果:</p>
<p id="demo"></p>
<script>
    function myFunction(a,b){
        return a*b;
    }
    document.getElementById("demo").innerHTML=myFunction(4,3);
</script>
</body>

강좌 링크: http: //www.php.cn/code/3643.html

8. JavaScript 매뉴얼을 읽는 방법을 알아보세요.

JavaScript에는 기능 포인트와 지식 포인트가 많이 있습니다. 배우고 싶다면 매뉴얼을 따라 하나씩 익히는 것이 가장 좋습니다. 아마도 해당 내용을 사용하게 될 것입니다. 미래.

위 내용은 JavaScript 시작 경험 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.