> 웹 프론트엔드 > JS 튜토리얼 > js 디버깅 도구 console.log() 메소드를 사용하여 js code_javascript 기술의 실행을 확인합니다.

js 디버깅 도구 console.log() 메소드를 사용하여 js code_javascript 기술의 실행을 확인합니다.

WBOY
풀어 주다: 2016-05-16 16:40:00
원래의
1312명이 탐색했습니다.

이전에는 코드를 디버깅할 때 주로 코드 블록에서 경고를 사용하여 js 코드의 실행을 확인했습니다. 오늘은 친구가 함수, 변수, 개체를 출력하는 데 console.log를 사용하는 것도 보았습니다. , console.log의 사용법은 아래에 기록됩니다.

console.log("值为:",fn);
로그인 후 복사

console.log()는 변수, 함수, 배열, 객체 등을 출력할 수 있습니다.

<html> 
<head> 
<title>this关键字_函数调用</title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head> 
<body> 

<input type="text" id="test1" name="firstname" value="" /> 
<input type="text" id='lastname' name='lastname' value=''> 

</body> 

<script type="text/javascript"> 
var testobj = 
{ 
'id': 1, 
'content': 'test', 
'firstname': function() { 
var EleFirst= document.getElementById('test1'); 
//document.getElementById('firstname').value = "zhang"; 
//document.getElementById("test1").value = this.content; 
//document.getElementById("test1").setAttribute("value","zhang"); 
//this.content = val; 
EleFirst.setAttribute("value",this.content); 
console.log("对象的值为:",test1);//对象的值为:<input type="text" id="test1" name="firstname" value="" /> 
}, 
'lastname': function() { 
document.getElementById('lastname').value = "ying"; 
} 
}; 
console.log(testobj);/** 打印对像**/ 

testobj.firstname(); 
testobj.lastname(); 
</script> 
</html>
로그인 후 복사
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿