>웹 프론트엔드 >JS 튜토리얼 >자바스크립트 객체

자바스크립트 객체

高洛峰
高洛峰원래의
2016-11-25 13:42:51961검색

JavaScript 내장 객체와 사용법에 대해 알아보겠습니다. 다음 섹션부터 이러한 내장 JavaScript 객체에 대해 자세히 설명하겠습니다.
1. 문자열 객체
예 1: 문자열 길이 계산



/html>

var txt="Hello World!"

document.write("

Big: " + txt.big() + "

" )
document.write("

Small: " + txt.small() + "

")

document.write("

Bold: " + txt.bold () + "

")
document.write("

Italic: " + txt.italics() + "

")

document.write ("

Blink: " + txt.blink() + " (IE에서는 작동하지 않음)

")
document.write("

Fixed: " + txt.fixed () + "

")
document.write("

Strike: " + txt.strike() + "

")

document.write ("

Fontcolor: " + txt.fontcolor("Red") + "

")
document.write("

Fontsize: " + txt.fontsize( 16) + "

")

document.write("

Lowercase: " + txt.toLowerCase() + "

")
document.write ("< ;p>대문자: " + txt.toUpperCase() + "

")

document.write("

아래 첨자: " + txt.sub() + " ")
document.write("

위첨자: " + txt.sup() + "

")

document.write("< p>링크: " + txt.link("http://www.w3school.com.cn") + "

")





indexOf() 메소드
indexOf()를 사용하여 문자열에서 지정된 문자의 첫 번째 항목을 찾는 방법입니다.
match() 메소드
match()를 사용하여 문자열에서 특정 문자를 찾고, 발견되면 이 문자를 반환하는 방법입니다.



🎜>


문자열에서 문자를 바꾸는 방법 - replacement()
replace() 메서드를 사용하여 문자열에서 특정 문자를 바꾸는 방법 다른 캐릭터.





🎜>

2. JavaScript 날짜(날짜) 객체
날짜 정의
날짜 객체는 날짜와 시간을 처리하는 데 사용됩니다.
new 키워드를 통해 날짜 객체를 정의할 수 있습니다. 다음 코드는 myDate라는 Date 객체를 정의합니다.
var myDate=new Date()
참고: Date 객체는 자동으로 현재 날짜와 시간을 초기 값으로 사용합니다.
날짜 조작
날짜 객체에 메서드를 사용하면 날짜를 쉽게 조작할 수 있습니다.
다음 예에서는 날짜 개체에 대해 특정 날짜(2008년 8월 9일)를 설정합니다.
var myDate=new Date()
myDate.setFullYear(2008,7,9) 
注意:表示月份的参数介于 0 到 11 之间。也就是说,如果希望把月设置为 8 月,则参数应该是 7。 
在下面的例子中,我们将日期对象设置为 5 天后的日期: 
var myDate=new Date() 
myDate.setDate(myDate.getDate()+5) 
注意:如果增加天数会改变月份或者年份,那么日期对象会自动完成这种转换。 
比较日期 
日期对象也可用于比较两个日期。 
下面的代码将当前日期与 2008 年 8 月 9 日做了比较: 
var myDate=new Date(); 
myDate.setFullYear(2008,7,9); 
 
var today = new Date(); 
 
if (myDate>today) 

alert("Today is before 9th August 2008"); 

else 

alert("Today is after 9th August 2008"); 

 
 
getTime() 
getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。 
 
 
 
 
 
 
 
setFullYear() 
如何使用 setFullYear() 设置具体的日期。 
 
 
 
 
 
 
 
toUTCString() 
如何使用 toUTCString() 将当日的日期(根据 UTC)转换为字符串。 
 
 
 
 
 
 
 
getDay() 
如何使用 getDay() 和数组来显示星期,而不仅仅是数字。 
 
 
 
 
 
 
 
显示一个钟表 
如何在网页上显示一个钟表。 
 
 
 
 
 
 




3. JavaScript 배열(배열) 객체
두 배열 결합 - concat()
concat() 사용 방법 두 배열을 병합하는 방법.



>


문자 배열 - sort()
sort() 메서드를 사용하여 문자 그대로 배열을 정렬하는 방법입니다.







숫자 배열 - sort()
숫자 정렬을 위한 sort() 방법 배열 정렬.








4. JavaScript 부울(논리) 객체
부울 객체 생성
new 키워드를 사용하여 부울 객체를 정의합니다. 다음 코드는 myBoolean이라는 논리적 개체를 정의합니다.
var myBoolean=new Boolean()

5. JavaScript 수학(산술) 개체
round()
round( ) 사용 방법.
random()
random()을 사용하여 0과 1 사이의 난수를 반환하는 방법.
max()
max()를 사용하여 주어진 두 숫자 중 더 큰 숫자를 반환하는 방법입니다.
min()
min()을 사용하여 주어진 두 숫자 중 더 작은 숫자를 반환하는 방법입니다.

6. JavaScript RegExp 개체
정의 RegExp
RegExp 개체는 검색 모드를 저장하는 데 사용됩니다.
new 키워드를 통해 RegExp 개체를 정의합니다. 다음 코드는 모드가 "e"인 patt1이라는 RegExp 개체를 정의합니다.
var patt1=new RegExp("e")
이 RegExp 개체를 사용하여 문자열을 검색할 때 문자를 찾습니다. "이자형".
RegExp 개체의 메서드
RegExp 개체에는 test(), exec() 및 compile()의 세 가지 메서드가 있습니다.
test()
test() 메서드는 문자열에서 지정된 값을 검색합니다. 반환 값은 true 또는 false입니다.
예:
var patt1=new RegExp("e");

document.write(patt1.test("인생에서 가장 좋은 것은 무료입니다."))
this 문자 "e"가 문자열에 있으면 위 코드의 출력은 다음과 같습니다.
true
TIY
exec()
exec() 메서드는 문자열에서 지정된 값을 검색합니다. 반환 값은 찾은 값입니다. 일치하는 항목이 없으면 null이 반환됩니다.
예 1:
var patt1=new RegExp("e")

document.write(patt1.exec("The best things in life are free"))
문자열에 "e"가 있으므로 위 코드의 출력은 다음과 같습니다.
e
TIY
compile()
compile() 메소드는 RegExp를 변경하는 데 사용됩니다.
compile()은 검색 모드를 변경할 수 있을 뿐만 아니라 두 번째 매개변수를 추가하거나 제거할 수도 있습니다.
예:
var patt1=new RegExp("e");

document.write(patt1.test("인생에서 가장 좋은 것은 무료입니다."))

patt1.compile("d");

document.write(patt1.test("The best things in life"))
"e"는 문자열에 있지만 그렇지 않기 때문입니다. "d"인 경우 위 코드의 출력은 다음과 같습니다.
truefalse


7. JavaScript HTML DOM 객체
• 이전 페이지
• 다음 페이지
내장된 JavaScript 개체를 사용하면 JavaScript를 사용하여 모든 HTML DOM 개체에 액세스하고 조작할 수도 있습니다.
추가 JavaScript 개체
컬렉션, 속성, 메서드 및 이벤트를 포함하여 다음 개체에 대한 자세한 정보를 얻으려면 다음 링크를 클릭하십시오.
개체 설명

JavaScript 계층 구조의 최상위 개체입니다. Window 객체는 브라우저 창을 나타냅니다. 또는 태그가 나타날 때마다 Window 개체가 자동으로 생성됩니다.
네비게이터
클라이언트 브라우저에 대한 정보가 포함되어 있습니다.
화면
클라이언트 화면에 대한 정보를 담고 있습니다.
기록
에는 브라우저 창에서 방문한 URL이 포함되어 있습니다.
위치
에는 현재 URL에 대한 정보가 포함되어 있습니다.
HTML DOM
HTML DOM은 W3C 표준(HTML Document Object Model, Document Object Model for HTML의 약어)입니다.
HTML DOM은 HTML용 표준 개체 집합과 HTML 문서 액세스 및 처리를 위한 표준 방법을 정의합니다.
DOM을 통해 모든 HTML 요소와 해당 요소에 포함된 텍스트 및 속성에 액세스할 수 있습니다. 컨텐츠는 수정 및 삭제가 가능하며, 새로운 요소를 생성할 수도 있습니다.
HTML DOM은 플랫폼과 프로그래밍 언어에 독립적입니다. Java, JavaScript, VBScript 등 모든 프로그래밍 언어에서 사용할 수 있습니다.
JavaScript를 사용하여 DOM 개체에 액세스하고 조작하는 방법에 대한 자세한 내용을 보려면 아래 링크를 클릭하세요.
개체 설명
문서
전체 HTML 문서를 나타내며 페이지의 모든 요소에 액세스하는 데 사용됩니다. .
앵커
요소를 나타냅니다.
Area
는 이미지 맵의 요소를 나타냅니다.
Base
요소를 나타냅니다.
Body
는 이미지 맵의 요소를 나타냅니다.
버튼