웹 페이지에 콘솔 출력을 표시하는 방법은 무엇입니까?

Question

Codecademy 또는 JSBin과 같은 웹 사이트로 이동하면 콘솔 출력을 볼 수 있습니다. 어떻게 작동합니까?

그냥의이

console.log('hello'); 

이 어떻게 실제 웹 페이지에 출력 할 수 있으며, 그냥 브라우저의 콘솔 텍스트 상자에 사용자 유형이 말을하자, 명확하게?

Answer 1

Shahar가 언급했듯이 실제 웹 페이지에서 출력물을 보는 방법은 DOM 객체에 추가하는 것입니다. 우리는 출력을 위해 사업부를 만들고 jQuery를 사용하여에 출력을 추가하는 경우 예를 들어, :

HTML :

<div id="output"><div> 

자바 스크립트 사용하여 jQuery를 :

// your example output 
var string = "hello"; 

// append to end of output div 
function outputToPage() { 
    $('#output').append(string + "<br/>"); 
} 

위의 예를 출력 할 것이다 string이고 outputToPage() 함수가 호출 될 때마다 출력 div에 줄 바꿈됩니다. jQuery의 .append() 메소드가 작동하려면 jQuery가로드되어 있어야합니다.