<head>부분 안의

<style>부분이 css정의 부분이고

<script>부분이 자바스크립트 부분이다.

소스

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        /*css정의*/
    </style>
   
    <script language="javascript">
        document.write("<h3>순서대로 출력된다</h3>");
    </script>
    
    <script language="javascript" src="js/ex01.js">
        /*document.write("<h2>god</h2>"); 불가능 하다*/
    </script>
    
    <script language="javascript">
        document.write("<h3>다시 script를 작성하여야 나온다</h3>");
    </script>
</head>
<body>
    <p>본문의 내용을 작성합니다</p>
</body>
</html>
cs

글 작성하기 위해서는 document.write("<h3>순서대로 </h3>"); 이러한 방법을 사용하며

다른 js 파일을 불러올 수 있다. <script language="javascript" src="js/ex01.js">

불러오는 부분에서는 다른 내용을 작성할 수 없으며 글을 작성하고 싶다면, <script>를 다시 작성하여야 한다.


결과


""와 ''의 사용 / 8진수, 16진수 / switch문 / for문

소스

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script lang="javascript">
        document.write("<h1>\"자바스크립트\"</h1>");
        document.write('<h2>"문자와 문자열 "</h2>');
        document.write('<h3>8진수:'+010+"</h3>");
        document.write('<h3>16진수:'+0xf+"</h3>");
        document.write('<h3>null:'+null+"</h3>");
        document.write("aaaa"+'bbb');
        
        document.write("<HR/>");    
        document.write("<hr/>");
        switch(1){
            case 1:
                document.write("1");
                break;
            case 2:
                document.write("2");
                break;
            default:
                document.write("all no");
                break;
        }
        for(var a=0;a<5;a++){
            document.write("<p>a:"+a+"</p>");
        }
    </script>
</head>
<body>
    
</body>
</html>
cs

결과


이스케이프문자 / var

소스

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script lang="javascript">
        document.write('<h3>이스케이프문자:aa\naaa</h3>');
        /*alert('<h3>이스케이프문자:\taa\naaa</h3>');*/
        document.write("<br/>");
        
        document.write((100+5)*2);
        document.write("<HR/>");
        
        var a=2.5;
        var b=5;
        var c=a+"+"+b+"=";
        b = " : 더하기 계산";
        
        document.write(c+(a+b));
        document.write("<hr/>");
        document.write(false);
        document.write("<hr/>");
        document.write(3<5);
        if(true){
            document.write("참입니다");
        }else{
            document.write("거짓입니다");
        }
    </script>
</head>
<body>
    
</body>
</html>
cs

결과


저작자표시 비영리 변경금지

'* Programming > JavaScript' 카테고리의 다른 글

클로져(Closure)  (0) 2016.10.05
function(){} (함수) / 콜백함수  (0) 2016.10.04
Math.floor() / Math.round()  (0) 2016.10.04
*JSON  (0) 2016.10.04
구구단 만들기  (0) 2016.10.04

+ Recent posts

티스토리툴바