<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Browser Control</title>

</head>

<body>

<div id ="6-1">

<h3>6-1_BrowserControl</h3>

<script type="text/javascript" src = "6-1_BrowserControl.js"></script>

<p>while = false<br/>

6-1_BrowserControl.js를 열어 false를 true로 변경하면 작동</p>

</div>

<div id = "6-2_Navigator.js">

<h3>6-2_Navigator</h3>

<p>Navigator object<br/>

브라우저와 관련된 정보를 얻을수 있는 객체.</p>

<script type = "text/javascript" src = "6-2_Navigator.js"></script>

</div>

<div id = "6-5_History.js">

<h3>6-5_History</h3>

<p>History object<br/>

지난 페이지로 돌아가기 위해 사용되는 객체.</p>

<script type = "text/javascript" src = "6-5_History.js"></script>

<button type = "button" onclick = "goBack();">제자리로</button><br/>

<a href = "6-5_iframe.html?page = 1" target = "iframe">페이지 이동</a><br/>

<iframe name = "iframe" src = "about:blank" width = "200" height = "200"></iframe>

</div>

<div id = "6-8_Cookie.js">

<h3>6-8 Cookie Object</h3>

<p>쿠키는 브라우저를 닫아도 어떠한 정보를 저장하도록 하고 그 정보를 이용해 역할을 할 수 있도록 해주는것<br/>

쿠키는 사용자의 브라우저가 설치된 PC의 특정위치에 텍스트 파일로 남게된다<br/>

쿠키는 보안에 취약하므로 중요한 정보는 쿠키로 저장해서는 안된다.<br/>

쿠키는 window객체가 아닌 document객체에 소속되어있다.<br/>

</p>

<script type = "text/javascript" src = "6-8_Cookie.js"></script>

</div>

</body>

</html>


6-0_BrowserControl.html


반응형

'Programming > JavaScript' 카테고리의 다른 글

[JavaScript] 6-2_Navitator.js  (0) 2016.12.07
[JavaScript] 6-1_BrowserControl.js  (0) 2016.12.07
JavaScript 소스코드  (0) 2016.12.07
[JavaScript] 5-3_simulation.js  (0) 2016.12.07
[JavaScript] 5-3_SimpleOOPinJavaScript.html  (0) 2016.12.07

제가 올리는 분류 "[JavaScript] 열혈강의"의 자바스크립트 예시코드는 

다음 책을 통해 학습 한 내용을 포스트 하였음을 알려드립니다.


"열혈강의 No More Copy & Paste 자바스크립트 - 2012년 8월 25일 초판"


반응형

'Programming > JavaScript' 카테고리의 다른 글

[JavaScript] 6-1_BrowserControl.js  (0) 2016.12.07
[JavaScript] 6-0_BrowserControl.html  (0) 2016.12.07
[JavaScript] 5-3_simulation.js  (0) 2016.12.07
[JavaScript] 5-3_SimpleOOPinJavaScript.html  (0) 2016.12.07
[JavaScript] 5-2_Function.js  (0) 2016.12.07

var Unit = function(hp, name)

{

this.fullHealth = hp;

this.health = hp;

this.name = name;

this.power = 1;

this.speed = 1000;

this.level = 1;

this.target = null;

this.attackID = null;

var self = this;

this.isDead = function()

{

return (self.health <= 0);

};

this.attack = function()

{

if(self.target)

{

self.target.damage(self.power);

self.board.innerHTML =  [

self.name, '의 공격대상 : ', self.target.name,

'<br>데미지 : ', self.power, ' 대상의 남은 체력 : ', self.target.hp, '<br>'

].join(' ') + self.board.innerHTML; 

if(self.target.isDead())

{

self.board.innerHTML = self.target.name + ' is dead ! ' + 

'<br> Winner is ' + self.name  + ' !' + self.board.innerHTML;

self.stopAttack();

self.target = null;

self.target.target = null;

}

}

console.log(self.name + " attack " + self.target);

};

this.damage = function(power)

{

self.health -= power;

if(self.isDead())

{

self.stopAttack();

self.board.innerHtml =  'You are dead !<br>' + self.board.innerHTML;

}

};

this.levelUp = function(hp, power, speed)

{

self.level++;

self.fullHealth += hp;

self.hp = self.fullHealth;

self.power +=power;

self.speed -=speed;

self.board.innerHTML = "Level up ! " + (self.level -1) + " => " + self.level + "<br>" + self.board.innerHTML;

};

};


var Human = function(name)

{

Unit.apply(this, [50, name]);

this.board = document.getElementById('fightlog1');

var self = this;

this.expFull = function() 

{

self.levelUp(40,2,50);

};

this.startAttack = function(target)

{

self.target = target;

self.attackID = setInterval(self.attack, self.speed);

};

this.stopAttack = function()

{

self.target = null;

clearInterval(self.attackID);

};

console.log("Human is created\n" + self.hp);

};


var Magician = function(name)

{

Unit.apply(this, [40, name]);

this.skillSpeed = 3000;

this.skillID = null;

this.skillPower = 2;

this.board = document.getElementById('fightlog2');

var self = this;

this.skill = function()

{

if(!self.target || self.target.isDead())

{

self.stopAttack();

}

else

{

self.target.damage(self.skillPower);

self.board.innerHTML = [

self.name, '의 공격대상 : ', self.target.name,

'<br>스킬사용 ! 데미지 : ', self.skillPower, ' 대상의 남은 체력 : ', self.target.hp, '<br>'

].join(' ') + self.board.innerHTML; 

}

};

this.expFull = function() 

{

self.levelUp(30,1,50);

self.skillPower += 2;

self.skillSpeed -= 30;

};

this.startAttack = function(target)

{

self.target = target;

self.attackID = setInterval(self.attack, self.speed);

self.skillID = setInterval(self.skill, self.skillSpeed);

};

this.stopAttack = function()

{

self.target = null;

clearInterval(self.attackID);

clearInterval(self.skillID);

};

console.log("Magician is created\n" + this.name + this.hp );

};


window.onload = function()

{

man = new Human('Man');

woman = new Magician('Woman');                            

}


function startWar()

{

man.stopAttack();

woman.stopAttack();

man.board.innerHTML = '';

woman.board.innerHTML = '';

man.name = document.getElementById('humanName').value;

woman.name = document.getElementById('magicianName').value;

man.startAttack(woman);

woman.startAttack(man);

}


function stopWar()

{

man.stopAttack();

woman.stopAttack();

man.board.innerHTML = '';

woman.board.innerHTML = '';

man.name = document.getElementById('humanName').value;

woman.name = document.getElementById('magicianName').value;

}


5-3_simulation.js


반응형

'Programming > JavaScript' 카테고리의 다른 글

[JavaScript] 6-0_BrowserControl.html  (0) 2016.12.07
JavaScript 소스코드  (0) 2016.12.07
[JavaScript] 5-3_SimpleOOPinJavaScript.html  (0) 2016.12.07
[JavaScript] 5-2_Function.js  (0) 2016.12.07
[JavaScript] 5-1_OOPBasic.js  (0) 2016.12.07

+ Recent posts