研修36日目
25177 ワード
35日目復習
スクリーンオブジェクト.style.属性--
可視性:hidden-->画面に表示されません.
スクリーンオブジェクト.Clienttwidth-cssに適用される幅
スクリーンオブジェクト.Clientheight-cssに適用される高さ
キーボードイベント
イベント呼び出し時にEVENTオブジェクトを受信可能->Keycodeで一意の番号を取得可能=>エンタープライズ13。
JavaScript配列
整列つなぎ合わせる(数字1、数字2、値1、...)値はオプション要素です
JavaScriptオブジェクト
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>test16</title>
<script type="text/javascript">
var arr = ["apple", "banana","mango"];
console.log(arr.toString());
console.log(arr.join("하")); //구분자 지정
var a = arr.pop(); // 배열의 마지막 것 잘라내기 ctrl + x 생각하자
console.log(arr.toString());
console.log(a);
arr.push("kiwi"); // 배열의 마지막에 추가
console.log(arr.toString());
arr.shift(); // 배열의 첫번째 것 잘라내기
console.log(arr.toString());
arr.unshift("peach"); // 배열의 첫번째에 추가
console.log(arr.toString());
arr[arr.length] = "apple";
console.log(arr.toString());
//
**splice 사용 방법**
[배열명].splice([항목 위치], [삭제할 항목 수], [추가할 항목] ㆍㆍㆍ);
arr.splice(1,1, "용과");
console.log(arr.toString());
arr.splice(1,1);
console.log(arr.toString());
arr.splice(1,0, "pear");
console.log(arr.toString());
arr.splice(4,0, "orange");
console.log(arr.toString());
arr.sort();
console.log(arr.toString());
arr.reverse();
console.log(arr.toString());
var user = {
name : "홍길동",
age : 300,
addr : "한양"
};
console.log(user);
console.log(user.name);
console.log(user.age);
console.log(user.addr);
window.onload = function(){ // 화면로드가 끝난 시점에 해당 함수를 실행한다.
// window.onload는 여러개 지정 시 마지막것만 동작한다.
console.log(document.getElementById("txt").value);
test(function(){
alert("aaa");
});
};
function test(func){
func.call(); //변수에 담긴 함수를 실행한다.
}
</script>
</head>
<body>
<input type="text" id= "txt" value="입력창이다"/>
</body>
</html>
call
DOM
inner html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
var no = 1;
function b(){
var wrap = document.getElementById("wrap");
no++;
// 역슬래시는 문자열로 사용하기 위한 용도
var html = "<div id=\"d" + no + "\"onclick=\"d(this)\">"+ no +"</div>";
//innerHTML : Entity (내용)
wrap.innerHTML += html;
console.log(wrap.innerHTML);
}
function d(obj){
var a = document.getElementById(obj.id);
// 명시적 객체 취득
a.remove(); //객체 삭제
}
</script>
</head>
<body>
<input type="button" value="뒤 " onclick="b();"/>
<br/>
<div id="wrap">
<div id="d1" onclick="d(this)">1</div>
</div>
</body>
</html>
数字を押すと削除されます.
最近は低迷期ではなく、モチベーションの欠如を感じています.良い現象ではありませんが、自然現象だと思います.自然に受け入れてもう一度ハーモニーをしましょう
Reference
この問題について(研修36日目), 我々は、より多くの情報をここで見つけました https://velog.io/@wogus216/교육-36일차テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol