Web/JavaScript 검색 결과

64개 발견
  1. 미리보기
    2015.06.13 - Palpit

    [javascript] 47. 객체 메소드(Object methods) - 자바스크립트 강좌 JS / CSE

  2. 미리보기
    2015.06.13 - Palpit

    [javascript] 46. 객체 속성(Object properties) - 자바스크립트 강좌 JS / CSE

  3. 미리보기
    2015.06.13 - Palpit

    [javascript] 45. 객체 선언(Object defination) - 자바스크립트 강좌 JS / CSE

  4. 미리보기
    2015.06.13 - Palpit

    [javascript] 44. 서식 API(Forms API) - 자바스크립트 강좌 JS / CSE

  5. 미리보기
    2015.06.13 - Palpit

    [javascript] 43. 서식 검사(Forms validation) - 자바스크립트 강좌 JS / CSE

  6. 미리보기
    2015.06.13 - Palpit

    [javascript] 42. JSON - 자바스크립트 강좌 JS / CSE

  7. 미리보기
    2015.06.13 - Palpit

    [javascript] 41. 예약어(Reserved Keywords) - 자바스크립트 강좌 JS / CSE

  8. 미리보기
    2015.06.13 - Palpit

    [javascript] 40. 성능(Performance) - 자바스크립트 강좌 JS / CSE

조회수 확인
JavaScript Object Methods




1. JavaScript Methods

 자바스크립트 메소드는 함수 선언을 포함하는 속성입니다.

 

PropertyValue
firstNameJohn
lastNameDoe
age50
eyeColorblue
fullNamefunction() {return this.firstName + " " + this.lastName;}

[ 출처: W3Schools ]



2. Accessing Object Methods

 아래 문법을 통하여 객체 메소드를 생성 할 수 있습니다:

 

methodName : function() { code lines }


 아래 문법을 통하여 객체 메소드에 접근 할 수 있습니다:


objectName.methodName()


 () 없이 메소드를 호출하면, 함수 선언을 반환하게 됩니다.



 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
    <body>
 
    <p>An object method is a function definition stored as a property value.</p>
    <p>If you access it without (), it will return the function definition:</p>
 
    <p id="demo"></p>
 
<script>
var person = {
firstName: "John",
lastName : "Doe",
id       : 5566,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};
 
document.getElementById("demo").innerHTML = person.fullName;
</script>
    </body>
</html>
 
cs




 

 




3. Using Built-In Methods

 아래 예제는 toUpperCase() 메소드를 사용하여 문자열 객체를 대문자 문자로 바꾸는 예제 입니다.


 

1
2
3
 
var message = "Hello world!";
var x = message.toUpperCase();
cs



결과는 아래와 같을 것입니다:


HELLO WORLD!



4. Adding New Methods

 객체의 메소드를 선언하는 것은 생성자 함수 안에서 해결 가능 합니다:


 

1
2
3
4
5
6
7
8
9
function person(firstname, lastname, age, eyecolor) {
    this.firstname = firstname;  
    this.lastname = lastname;
    this.age = age;
    this.eyecolor = eyecolor;
    this.changeName = function (name) {
        this.lastname = name;
    }
}
cs



 객체를 생성해서 아래와 같은 작업을 하면 lastname이 바뀌게 됩니다:


 

1
myMother.changeName("Doe");
cs




다른 카테고리의 글 목록

Web/JavaScript 카테고리의 포스트를 톺아봅니다
조회수 확인
JavaScript Object Properties

 속성은 어떤 자바스크립트 객체에서의 가장 중요한 부분입니다.



1. JavaScript Properties

 속성은 자바스크립트 객체와 연관된 값 입니다.


 자바스크립트 객체는 정렬되지 않은 속성들의 집합입니다.


 속성은 변경되고, 추가되고, 삭제될 수 있습니다.

 


2. Accessing JavaScript Properties

 객체의 속성에 접근하는 문법입니다:


objectName.property          // person.age


objectName["property"]       // person["age"]


objectName[expression]       // x = "age"; person[x]


3. JavaScript for...in Loop

 자바스크립트 for in 구문은 객체의 속성을 통한 반복문입니다.


 문법:


for (variable in object) {
    code to be executed
}


 예제:

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<!DOCTYPE html>
<html>
    <body>
 
    <p id="demo"></p>
 
<script>
var txt = "";
var person = {fname:"John", lname:"Doe", age:25}; 
var x;
for (x in person) {
txt += person[x] + " ";
}
document.getElementById("demo").innerHTML = txt;
</script>
 
    </body>
</html>
 
cs



 

 














4. Adding New Properties

 기존의 객체에 새로운 속성을 값을 주어서 쉽게 추가 할 수 있습니다:


 

1
2
 
person.nationality = "English";
cs





5. Deleting Properties

 delete 키워드를 사용하여 객체의 속성을 제거 할 수 있습니다:


 

1
2
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
delete person.age;   // or delete person["age"]; 
cs




다른 카테고리의 글 목록

Web/JavaScript 카테고리의 포스트를 톺아봅니다
조회수 확인

JavaScript Objects




1. JavaScript Objects

 자바스크립트에서, 거의 모든 것은 객체입니다.

  - 불리언, 숫자, 문자열, 날짜, 수학(Math), 정규 표현식, 배열, 함수, 객체


 자바스크립트에서, 모든 값(except primitive values)은 객체입니다.



2. Objects are Variables Containing Variables

 변수는 단일 값을 포함 할 수 있습니다:


 

1
var person = "John Doe";
cs

 





 객체 또한 변수 입니다. 그러나 객체는 여러 값을 포함 할 수 있습니다.


 값은 이름 : 값 쌍으로 작성되어 집니다.



1
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
cs








 

3. Object Properties

 자바스크립트 객체에서 이름의 값(named value)를 속성(Properties)이라고 부릅니다.


 

PropertyValue
firstNameJohn
lastNameDoe
age50
eyeColorblue

 




4. Object Methods

 메소드는 객체가 수행되어질 액션(action)입니다.

 

 객체 속성은 원시 값, 다른 객체, 함수가 될 수 있습니다.


 객체 메소드(object method)함수 선언을 포함하는 객체 속성입니다.



 

PropertyValue
firstNameJohn
lastNameDoe
age50
eyeColorblue
fullNamefunction() {return this.firstName + " " + this.lastName;}








5. Using an Object Literal

 객체를 만드는 가장 쉬운 방법입니다.


 

1
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
cs

 




 공백과 라인 개행은 중요하지 않습니다. 객체 선언은 여러 라인을 사용 하여 작성 할 수 있습니다:



1
2
3
4
5
6
var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
};
cs






6. Using the JavaScript Keyword new

 아래 예제 또한 새로운 객체를 위의 예제처럼 만들어 냅니다:

 

 
1
2
3
4
5
var person = new Object();
person.firstName = "John";
person.lastName = "Doe";
person.age = 50;
person.eyeColor = "blue";
cs

 





 그러나, 가독성과 실행 속도를 위해서, 위의 new 키워드를 통한 생성은 피합니다.









7. Using an Object Constructor

 위의 단일 객체를 만들때는 간단하고 편리하지만, 여러 객체를 만들 때, 생성자를 이용하여 생성하는 것이 좋은 방법입니다:


 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
    <body>
 
    <p id="demo"></p>
 
<script>
function person(first, last, age, eye) {
this.firstName = first;
this.lastName = last;
this.age = age;
this.eyeColor = eye;
}
 
var myFather = new person("John""Doe"50"blue");
var myMother = new person("Sally""Rally"48"green");
 
document.getElementById("demo").innerHTML =
"My father is " + myFather.age + ". My mother is " + myMother.age; 
</script>
 
    </body>
</html>
 
cs

 




 



 





8. Built-in JavaScript Constructors

 


1
2
3
4
5
6
7
8
9
 
var x1 = new Object();    // A new Object object
var x2 = new String();    // A new String object
var x3 = new Number();    // A new Number object
var x4 = new Boolean()    // A new Boolean object
var x5 = new Array();     // A new Array object
var    x6 = new RegExp();    // A new RegExp object
var x7 = new Function();  // A new Function object
var x8 = new Date();      // A new Date object
cs







 그러나 위의 방식은 추천되지 않는 방식입니다. 아래처럼 작성하여 사용하십시오:


1
2
3
4
5
6
7
var x1 = {};            // new object
var x2 = "";            // new primitive string
var x3 = 0;             // new primitive number
var x4 = false;         // new primitive boolean
var x5 = [];            // new array    object
var    x6 = /()/           // new regexp object
var x7 = function(){};  // new function object
cs








9. JavaScript Objects are Mutable

 객체는 변할 수 있습니다.

 

 y가 객체일 때, 아래 구문은 y의 복사본을 생성하지 않습니다.


 var x = y;  // This will not create a copy of y.


 

 객체 x는 y의 복사본이 아닙니다. x와 y의 가리키는 점이 같은 객체입니다.


 y에 대한 어떠한 변경은 x 또한 변경됩니다. 


 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html>
    <body>
 
    <p>JavaScript objects are mutable.</p>
    <p>Any changes to a copy of an object will also change the original.</p>
 
    <p id="demo"></p>
 
<script>
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
 
var x = person;
x.age = 10;
 
document.getElementById("demo").innerHTML =
person.firstName + " is " + person.age + " years old.";
</script>
 
    </body>
</html>
 
cs





 


다른 카테고리의 글 목록

Web/JavaScript 카테고리의 포스트를 톺아봅니다
조회수 확인
JavaScript Validation API




1. Constraint Validation DOM Methods

 

PropertyDescription
checkValidity()Returns true if an input element contains valid data.
setCustomValidity()Sets the validationMessage property of an input element.

 [ 출처 : W3Schools ]



 입력 필드가 올바르지 않은 데이터를 가지고 있다면, 아래와 같이 처리할 수 있습니다:


 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html>
    <body>
 
    <p>Enter a number and click OK:</p>
 
    <input id="id1" type="number" min="100" max="300">
    <button onclick="myFunction()">OK</button>
 
    <p>If the number is less than 100 or greater than 300, an error message will be displayed.</p>
 
    <p id="demo"></p>
 
<script>
function myFunction() {
var inpObj = document.getElementById("id1");
if (inpObj.checkValidity() == false) {
document.getElementById("demo").innerHTML = inpObj.validationMessage;
else {
document.getElementById("demo").innerHTML = "Input OK";
</script>
 
    </body>
</html>
 
cs



 



 










2. Constraint Validation DOM Properties

 

PropertyDescription
validityContains boolean properties related to the validity of an input element.
validationMessageContains the message a browser will display when the validity is false.
willValidateIndicates if an input element will be validated.

 

 [ 출처 : W3Schools ]



3. Validity Properties

 입력 요소의 유효성 속성(Validity Property)는 데이터의 유효성과 관련이 있는 여러 속성을 포함합니다.


 

 

PropertyDescription
customErrorSet to true, if a custom validity message is set.
patternMismatchSet to true, if an element's value does not match its pattern attribute.
rangeOverflowSet to true, if an element's value is greater than its max attribute.
rangeUnderflowSet to true, if an element's value is greater than its min attribute.
stepMismatchSet to true, if an element's value is invalid per its step attribute.
tooLongSet to true, if an element's value exceeds its maxLength attribute.
typeMismatchSet to true, if an element's value is invalid per its type attribute.
valueMissingSet to true, if an element (with a required attribute) has no value.
validSet to true, if an element's value is valid.

 [ 출처 : W3Schools ]



4. Examples

 숫자가 100 보다 큰 수를 입력하면 메시지를 출력하게 되는 예제입니다:


 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
<!DOCTYPE html>
<html>
    <body>
 
    <p>Enter a number and click OK:</p>
 
    <input id="id1" type="number" max="100">
    <button onclick="myFunction()">OK</button>
 
    <p>If the number is greater than 100 (the input's max attribute), an error message will be displayed.</p>
 
    <p id="demo"></p>
 
<script>
function myFunction() {
var txt = "";
if (document.getElementById("id1").validity.rangeOverflow) {
txt = "Value too large";
else {
txt = "Input OK";
document.getElementById("demo").innerHTML = txt;
}
</script>
 
    </body>
</html>
 
 
cs





 




 숫자가 100 이하의 수를 입력 한다면, 메시지를 출력하는 예제입니다:


 

1
2
3
4
5
6
7
8
9
10
 
<script>
function myFunction() {
    var txt = "";
    if (document.getElementById("id1").validity.rangeUnderflow) {
       txt = "Value too small";
    }
    document.getElementById("demo").innerHTML = txt;
}
</script>
cs




다른 카테고리의 글 목록

Web/JavaScript 카테고리의 포스트를 톺아봅니다
조회수 확인
JavaScript Forms



1. JavaScript Form Validation

 HTML 서식 검사(form validation)은 자바스크립트에 의해 진행할 수 있습니다.


 서식 필드가 비어있을 경우, 아래 함수는 메시지를 알림창으로 띄우고 false를 반환하여 서식이 제출되는 것을 방지합니다.



 

1
2
3
4
5
6
7
function validateForm() {
    var x = document.forms["myForm"]["fname"].value;
    if (x == null || x == "") {
        alert("Name must be filled out");
        return false;
    }
}
cs


 위 함수는 아래 서식이 제출되었을 때, 호출 됩니다.


 

1
2
3
4
<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post">
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
cs




2. HTML Form Validation

 HTML 서식 검사는 브라우저에 의해 자동적으로 수행되어 집니다.


 서식 필드가 비어 있는 경우, required 속성으로 서식이 제출되어 지는 것을 방지할 수 있습니다.


 

1
2
3
4
<form action="demo_form.asp" method="post">
  <input type="text" name="fname" required>
  <input type="submit" value="Submit">
</form>
cs




3. Data Validation

 데이터 검사(data validation)은 컴퓨터 입력이 깨끗하고, 올바르고, 유용한지에 대한 확증의 과정(process of ensuring)입니다.


 일반적인 검사 작업:

  - 모든 필요로 하는 필드를 채웠는지?

  - 올바른 날짜를 입력 했는지?

  - 숫자 필드에 텍스트를 입력 했는지?


 데이터 검사의 목적은 컴퓨터 어플리케이션에 올바른 입력을 했는지에 대한 확신을 주기 위해서 입니다.


 서버 측 검사(Server-side validation)은 입력 값이 서버에 보내지면 웹 서버에서 수행됩니다.


 클라이언트 측 검사(Client-side validation)은 서버에 보내지기 전에 웹 브라우저에서 수행됩니다.

 

4. HTML Constraint Validation

 HTML5는 제약 검사(Constraint validation)이라는 새로운 HTML 검사 개념을 소개됩니다.


 HTML 제약 검사는 아래를 기반으로 합니다:

  - HTML Input Attributes

  - CSS Pseudo Selectors

  - DOM Properties and Methods



4-1. Constraint Validation HTML Input Attributes

 

AttributeDescription
disabledSpecifies that the input element should be disabled
maxSpecifies the maximum value of an input element
minSpecifies the minimum value of an input element
patternSpecifies the value pattern of an input element
requiredSpecifies that the input field requires a element
type Defines the minimum value of an input element

 [ 출처: W3Schools ]




4-2. Constraint Validation CSS Pseudo Selectors

 

SelectorDescription
:disabledSelects input elements with the "disabled" attribute specified
:invalidSelects input elements with invalid values
:optionalSelects input elements with no "required" attribute specified
:requiredSelects input elements with the "required" attribute specified
:validSelects input elements with valid values

 [ 출처: W3Schools ]



다른 카테고리의 글 목록

Web/JavaScript 카테고리의 포스트를 톺아봅니다
조회수 확인


JavaScript JSON

 JSON은 데이터를저장하고 전송하는 형식입니다.


 JSON은 서버에서 웹 페이지에 보내질때 주로 사용됩니다.



 

 

1. What is JSON?

 JSON은 JavaScript Object Notation의 약자입니다.

 JSON은 경량화 데이터 교환 형식입니다.

 JSON은 언어 독립적입니다.

 JSON은 자가 묘사(self-describing)적이고 쉽게 이해 할 수 있습니다.





2. JSON Example

 아래 JSON 문법은 employee 객체를 선언한 것입니다: 3개의 employee 레코드에 대한 배열


1
2
3
4
5
{"employees":[
    {"firstName":"John", "lastName":"Doe"}, 
    {"firstName":"Anna",    "lastName":"Smith"},
    {"firstName":"Peter", "lastName":"Jones"}
]}
cs
 





3. The JSON Format Evaluates to JavaScript Objects

 JSON 형식은 자바스크립트 객체를 생성하는 코드와 동일한 문장구성을 통해 되어 있습니다.


 이러한 유사성으로 인해, 자바스크립트 프로그램은 JSON 데이터를 자바스크립트 객체로 쉽게 변환 할 수 있습니다.



4. JSON Syntax Rules

 - 데이터는 이름/값 쌍입니다.

 - 데이터는 콤마로 구분됩니다.

 - 중괄호가 객체를 담습니다.

 - 꺽쇠괄호가 배열을 담습니다.



5. JSON Data - A Name and a Value

 JSON 데이터는 이름.값 쌍으로 작성되어 있습니다. 자바스크립트 객체 속성처럼

 이름/값 쌍은 필드 이름과 값으로 구성되어 있습니다.


"firstName":"John"







6. JSON Objects

 JSON 객체는 중괄호 안에 작성되어 있습니다.

 자바스크립트처럼, 객체는 여러 이름/값 쌍으로 구성되어 있습니다.


{"firstName":"John", "lastName":"Doe"}







 



7. JSON Arrays

 JSON 배열은 대괄호 안에 작성되어 있습니다.


"employees":[
    {"firstName":"John", "lastName":"Doe"}, 
    {"firstName":"Anna", "lastName":"Smith"}, 
    {"firstName":"Peter", "lastName":"Jones"}
]







8. Converting a JSON Text to a JavaScript Object

 JSON의 일반적인 사용은 웹 서버로 부터 실 데이터를 읽어와서, 웹 페이지에 데이터를 표시합니다.


 먼저, JSON 문법을 포함한 문자열을 만듭니다:



1
2
3
4
var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
cs

 



 그 다음, 자바스크립트 내장 함수 JSON.parse()를 사용하여 문자열을 자바스크립트 객체로 변환합니다.


1
2
var obj = JSON.parse(text);
 
cs





 예제:



 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<!DOCTYPE html>
<html>
    <body>
 
    <h2>Create Object from JSON String</h2>
 
    <p id="demo"></p>
 
<script>
var text = '{"employees":[' +
'{"firstName":"John","lastName":"Doe" },' +
'{"firstName":"Anna","lastName":"Smith" },' +
'{"firstName":"Peter","lastName":"Jones" }]}';
 
obj = JSON.parse(text);
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
 
    </body>
</html>
 
cs




  

다른 카테고리의 글 목록

Web/JavaScript 카테고리의 포스트를 톺아봅니다
조회수 확인

JavaScript Reserved Words

 자바스크립트에서, 몇몇 식별자는 예약어여서 변수나 함수 이름으로 사용할 수가 없습니다.



1. JavaScript Standards

 모든 현재 브라우저는 ECMAScript 3(ES3, thr third edition of JavaScript from 1999)를 완전히 제공합니다.


 시간이 지남에 따라, 완벽한 ES5를 모든 브라우저에서 제공하게 되었습니다.



2. JavaScript Reserved Words

abstractargumentsbooleanbreakbyte
casecatchcharclass*const
continuedebuggerdefaultdeletedo
doubleelseenum*evalexport*
extends*falsefinalfinallyfloat
forfunctiongotoifimplements
import*ininstanceofintinterface
letlongnativenewnull
packageprivateprotectedpublicreturn
shortstaticsuper*switchsynchronized
thisthrowthrowstransienttrue
trytypeofvarvoidvolatile
whilewithyield
 [ 출처: W3Schools ]


3. JavaScript Objects, Properties, and Methods

 
ArrayDateevalfunctionhasOwnProperty
InfinityisFiniteisNaNisPrototypeOflength
MathNaNnameNumberObject
prototypeStringtoStringundefinedvalueOf
 [ 출처: W3Schools ]






4. Java Reserved Words

getClassjavaJavaArrayjavaClassJavaObjectJavaPackage
 [ 출처: W3Schools ]



5. Windows Reserved Words


 

alertallanchoranchorsarea
assignblurbuttoncheckboxclearInterval
clearTimeoutclientInformationcloseclosedconfirm
constructorcryptodecodeURIdecodeURIComponentdefaultStatus
documentelementelementsembedembeds
encodeURIencodeURIComponentescapeeventfileUpload
focusformformsframeinnerHeight
innerWidthlayerlayerslinklocation
mimeTypesnavigatenavigatorframesframeRate
hiddenhistoryimageimagesoffscreenBuffering
openopeneroptionouterHeightouterWidth
packagespageXOffsetpageYOffsetparentparseFloat
parseIntpasswordpkcs11pluginprompt
propertyIsEnumradioresetscreenXscreenY
scrollsecureselectselfsetInterval
setTimeoutstatussubmittainttext
textareatopunescapeuntaintwindow
[ 출처: W3Schools ]


6. HTML Event Handlers

onbluronclickonerroronfocus
onkeydownonkeypressonkeyuponmouseover
onloadonmouseuponmousedownonsubmit
[ 출처: W3Schools ]


















asdasdasd

 


다른 카테고리의 글 목록

Web/JavaScript 카테고리의 포스트를 톺아봅니다
조회수 확인
JavaScript Performance




1. Reduce Activity in Loops

 반복문은 프로그래밍에서 종종 사용됩니다.

 반복문 안의 모든 구문은 각 반복문의 반복에 의해 실행됩니다.


2. Reduce DOM Access

 HTML DOM을 접근하는 것은 다른 자바스크립트 구문과 비교 했을 때 매우 느립니다.

 여러 번 DOM 요소에 접근을 해야 한다면, 한번 접근하여 지역 변수로 사용하십시오:

1
2
3
 
obj = document.getElementById("demo");
obj.innerHTML = "Hello";
cs
 




3. Reduce DOM Size

 HTML DOM의 숫자를 적게 유지하십시오.

 위처럼하면 페이지 로딩과 랜더링 빠른 속도를 향상 시킬 수 있습니다.







4. Avoid Unnecessary Variables

 값을 저장하기 위한 계획이 없다면 새로운 변수를 생성하지 마십시오.

 아래와 같이 종종 작성하는데 낭비적입니다.

1
2
var fullName = firstName + " " + lastName;
document.getElementById("demo").innerHTML = fullName;
cs

 


 이렇게 작성하세요.

 

1
2
document.getElementById("demo").innerHTML = firstName + " " + lastName
 
cs

 



5. Delay JavaScript Loading

 스크립트를 페이지 바디의 밑에 놓게 되면, 브라우저는 페이지를 먼저 불러옵니다.

 스크립트가 다운로드 될 동안, 브라우저는 다른 어떤 다운로드도 하지 않습니다. 게다가 모든 파싱(parsing), 랜더링 작업은 멈추게 될 것입니다.

 대안은 스크립트 태그에 defer="true"를 사용하는 것 입니다. 

 defer 속성은 페이지가 파싱을 끝내기 전에 스크립트 실행 여부를 명시합니다.

 외부 스크립트에서 적용됩니다.

 
1
2
3
4
5
6
7
8
9
<script>
window.onload = downScripts;
 
function downScripts() {
    var element = document.createElement("script");
    element.src = "myScript.js";
    document.body.appendChild(element);
}
</script>
cs


6. Avoid Using with

 with 키워드의 사용을 피하십시오. 속도에 negative effect를 일으킵니다. 

 with 키워드는 strict mode에서 허용하지 않습니다.


다른 카테고리의 글 목록

Web/JavaScript 카테고리의 포스트를 톺아봅니다