JS 동적 디 스 플레이 텍스트 사용 하기

2313 단어 JS동태텍스트
본 논문 의 사례 는 JS 동적 디 스 플레이 텍스트 의 구체 적 인 코드 를 공유 하여 여러분 께 참고 하 시기 바 랍 니 다.구체 적 인 내용 은 다음 과 같 습 니 다.
index.html:

<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="utf-8" >
    <title>  (HTML5)</title>
    <!--           CSS -->
    <link rel="stylesheet" href="css/master.css" rel="external nofollow" />
    <script src="js/main.js" charset="utf-8"></script>
  </head>
  <body>
    <!-- HTML5      -->
    <header>
      time is long, life is short
    </header>

    <main>
      <aside class="">
        aside
      </aside>
      <article class="">
        <input id="info" placeholder="    ">
        <!-- <input type="button" value="  "> -->
        <button onclick="show()" type="button" name="button">  </button>
        <h1 id="result">  </h1>

      </article>
    </main>

    <footer>Copyright (c) 2016 Copyright Holder All Rights Reserved.</footer>

  </body>
</html>

main.js:

//     
function show() {
  //   id info input     
  var a = document.getElementById('info').value;
  //   , id result     (        )
  document.getElementById('result').innerText = a;

}

show 함 수 는 JS 스 크 립 트 코드 를 저장 하 는 폴 더 main.js 에 봉 인 됩 니 다.function 은 JavaScript 에 속 하 는 스 크 립 트 언어 함수 입 니 다.function 은 자바 스 크 립 트 언어의 키워드 입 니 다.즉,함 수 를 설명 할 때 사용 합 니 다. 
demo:

그러나 이 디 스 플레이 는 입력 상 자 를 정렬 하지 않 았 습 니 다.CSS 스타일 파일 master.css 에 다음 을 추가 할 수 있 습 니 다. 

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기