> 웹 프론트엔드 > JS 튜토리얼 > javascript_기본 지식의 일반적인 사용법 요약

javascript_기본 지식의 일반적인 사용법 요약

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

Node.js Decoding 및 Encoding.html

코드 복사 코드는 다음과 같습니다.




Javascript 인코딩 및 디코딩


countdownseconds




js는 입력은 숫자입니다.html




코드 복사


코드는 다음과 같습니다.


js는 입력이 숫자인지 확인합니다
;




js는 node.html을 동적으로 획득, 생성 및 삭제합니다.




코드 복사


코드는 다음과 같습니다.



http-equiv="Content-Type" content="text/html; charset=utf-8" />
js는 노드를 동적으로 획득, 생성 및 삭제합니다. type="text/javascript">
function gel(id) { return document.getElementById(id) }

window.onload = function () {
gel("btnProAdd" ) .onclick = function () {
//proList 아래에 하위 노드 추가
var linew = document.createElement("li")
linew.innerHTML = 프롬프트("추가할 지역을 입력하세요") ;
gel("proList").appendChild(linew);
//모든 클릭 삭제 이벤트 다시 바인딩
DelLiOnClick()
}; li 하위 노드를 삭제하려면

function DelLiOnClick() {
//1. 먼저 모든 하위 노드를 가져옵니다.
var liNodes = gel("proList").childNodes; >for (var i = 0; i < liNodes.length; i ) {
liNodes[i].onclick = function () {
//alert(liNodes[i]).innerHTML;/ /왜냐하면 onclick은 익명 함수에 바인딩되어 있으므로 여기서는 항상 7이 됩니다.
//다음은 올바른 삭제 방법입니다. onclick 이벤트는 항상
이것을 선택한 li에 의해 트리거되기 때문입니다. .removeChild(this);
}
}

;body>

  • 산시

  • li>



;/html>


js.html에서 setInterval 및 setTimeout 사용





코드 복사


코드는 다음과 같습니다.


>

js에서 setInterval 및 setTimeout 사용 ;/title> <div class="codetitle"><script type="text/javascript"> <span>var time = 10; <a style="CURSOR: pointer" data="86046" class="copybut" id="copybut86046" onclick="doCopy('code86046')">var id = 0 <u>문서 반환. getElementById(id) </u>} </a></span>function dectime() { </div>if (time > 0) { <div class="codebody" id="code86046">time-- <br>gel("timespan"). time; <br>} else { <br>//시침 지우기<br>clearInterval(id) <br>} <br>} <br><br>window.onload = function() { <br> id = setInterval(dectime, 1000) <br>}; <br></head> <br><countdown<span id = "timespan" style="color: red;"></span>초</span> <br></body> <br></html> <br><br> <br> 테이블 데이터 추가.html <br><br><br><br><br>코드 복사<br><br><br> 코드는 다음과 같습니다. <br><div class="codebody" id="code67224"> <br><!DOCTYPE html> <br><html xmlns="http://www.w3.org/1999/xhtml"> <br><head> http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br><title>동적으로 테이블 데이터 추가

<스크립트 유형 ="text/javascript">

var mailArr = [
{ "title": "C# 질문", "name": "Zhang San", "date": "2014-03 - 21" },
{ "title": "자바스크립트 질문", "name": "lee思", "date": "2014-03-21" },
{ "title": " A C 질문", "이름": "五五", "날짜": "2014-03-21" },
{ "title": "A C 질문", "이름": "조류우", "날짜" : "2014-03-21" }
];

window.onload = function () {
var tab = document.getElementById("tb")/ /추가 tr
형식의 테이블에 대한 mailArr 루프 탐색 방법 for (var rowindex = 0; rowindex < mailArr.length; rowindex ) {
var tr = document.createElement("tr")
var th1 = document.createElement("th");
var th2 = document.createElement("th");
var th3 = document.createElement("th")
var th4 = document . createElement("th");
th1.innerHTML = ""
th2.innerHTML = mailArr[rowindex].title = mailArr [rowindex].name;
th4.innerHTML = mailArr[rowindex].date;

tr.appendChild(th1)
tr.appendChild( th3);

tab.appendChild(tr)

}; 🎜>


순서
번째> 제목
번째> 보낸 사람
번째> 보낸 파일 시간

<-- 루프 증가-->

< /html> 🎜>
원천:php.cn
이전 기사:JavaScript 문자 집합에 대한 간략한 토론_기본 지식 다음 기사:함수 정의를 위한 새로운 functionName()의 이해_기본 지식
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
관련 주제
더>
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿