>  기사  >  웹 프론트엔드  >  자바스크립트에서 값을 출력하는 방법

자바스크립트에서 값을 출력하는 방법

青灯夜游
青灯夜游원래의
2021-09-08 18:52:333222검색

값 출력 방법: 1. 팝업 창을 통해 출력하려면 "window.alert('value')" 문을 사용합니다. 2. "element object.innerHtml="output value" 문을 사용합니다. "document.write(" Value ")" 문, 4. "console.log("value")" 문을 사용하세요.

자바스크립트에서 값을 출력하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, javascript 버전 1.8.5 , Dell G3 컴퓨터

JavaScript 출력. 메서드

1. window.alert()를 사용하여 경고 상자를 표시합니다. window.alert()弹出警告框

<script>
window.alert(&#39;警告框&#39;);
</script>

2、使用元素对象.innerHtml="需要写入的值"写入到HTML元素

如需JavaScript访问某个HTML元素,您可以使用document.getElementById(id)方法

请使用id属性来标识HTML元素,并innerHTml来获取或插入元素内容:

<p id="demo" >我的第一个段落</p>
<script>
document.getElementById("demo").innerHTML="段落已修改"
</scirpt>
  • document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 代码 。该方法是 HTML DOM 中定义的。

  • innerHTML = "Paragraph changed." 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码。

3、使用document.write()

<script>
document.write(Date());//Date()输出中国标准时间
</script>

2. >element object.innerHtml="쓸 값"HTML 요소에 쓰기

HTML 요소에 접근하기 위해 JavaScript가 필요한 경우 document.getElementById(id) 메소드를 사용할 수 있습니다자바스크립트에서 값을 출력하는 방법

id를 사용하세요 HTML 요소를 식별하는 속성과 요소 콘텐츠를 가져오거나 삽입하는 innerHTml:

Sample:
<button type="button" onclick="myFunction">按钮</buton>
<script>
function myFunction(){
document.write(Date());
}
</scipt>


  • document.getElementById("demo")는 HTML 요소를 찾기 위해 id 속성을 사용하는 JavaScript 코드입니다.
  • innerHTML = "Paragraph selected."는 요소의 HTML 콘텐츠(innerHTML)를 수정하는 데 사용되는 JavaScript 코드

3 콘텐츠를 작성하려면 document.write() 메서드를 사용하세요.

HTML 콘텐츠에 콘텐츠를 작성하려면 document.write() 메서드를 사용하세요. 이 함수는 html 문서에 콘텐츠 또는 html 태그를 직접 작성할 수 있습니다.자바스크립트에서 값을 출력하는 방법

<script>
a = 5; 
b = 6; 
c = a + b; 
console.log(c); 
</scipt>

참고: 문서. write()는 문서 로드가 완료된 후 실행되며 전체 HTML 페이지를 덮습니다🎜🎜rrreee🎜🎜4. console.log를 사용합니다()브라우저의 콘솔에 쓰기 🎜🎜🎜브라우저가 디버깅을 지원하는 경우 다음을 사용할 수 있습니다. console.log() 메서드를 사용하여 브라우저에 JavaScript 값 표시 🎜브라우저에서 F12를 사용하여 디버깅 모드를 활성화합니다. 🎜rrreee🎜🎜🎜🎜[권장 학습: 🎜javascript 고급] 튜토리얼🎜]🎜

위 내용은 자바스크립트에서 값을 출력하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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