JavaScript 슈퍼 기초 대화 상자 표시

3957 단어 초보자자바스크립트es6초보자용

목적


  • JavaScript의 초기초 부분으로 대화 상자를 표시하는 방법을 요약합니다.

    전제 정보


  • window 객체의 alert 메소드를 이용해 다이얼로그 박스를 구현한다. (무슨 말인지 모르면 무시해도 좋다)

    • 개요


  • 준비
  • JavaScript 설명
  • 확인

    • 상세



  • 준비

  • 다음 명령을 실행하여 모든 디렉토리에 파일을 만듭니다.
    $ touch index.html

  • 아래 명령을 실행하여 파일을 엽니다.
    $ vi index.html

  • 이하의 내용을 기재한다.

    index.html
    <!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>JavaScript</h1>
</body>
</html>



  • JavaScript 기재

  • 다음 내용은 <body> 요소에 설명되어 있습니다.

    index.html
    <script>
    window.alert('ダウンロードを開始します！');
</script>


  • 기재 후의 ​​index.html 파일의 전체 내용을 이하에 기재한다.

    index.html
    <!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>JavaScript</h1>

    <!-- 下記を追記する -->
    <script>
        window.alert('ダウンロードを開始します！');
    </script>
    <!-- 上記までを追記する -->
</body>
</html>



  • 확인

  • 폴더에서 index.html을 찾아 두 번 클릭하여 엽니다.



  • 브라우저가 시작되고 다음과 같은 대화 상자가 표시되는지 확인합니다.



    • Git 로컬 리포지토리의 역사 재설정
    JavaScript 초기초 처리를 외부 파일에 기재한다

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage