Учебные скрипты

Всплывающее окно подтверждения confirm

<sсriрt>
function moveon() {
var answer = confirm("Ready to move on?");

if(answer) window.location = "http://google.com";
}

setTimeout(moveon, 60000);
</sсriрt>

Создание элементов на странице

function debug(msg) {
	var log = document.getElementById("debuglog");
	
	if(!log) {
		log = document.createElement("div");
		log.id = "debuglog";
		log.innerHTML = "<h1>Debug Log</h1>";
		document.body.appendChild(log);
	}
	
	var pre = document.createElement("pre");
	var text = document.createTextNode(msg);
	pre.appendChild(text);
	log.appendChild(pre);
}
window.onload = function() {
debug("test");
}

Скрыть кнопки, вывести сообщения

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<sсriрt>
function hide(e, reflow) {
	if (reflow) {
		e.style.display = "none";
	}
	else {
		e.style.visibility = "hidden";
	}
}

function debug(msg) {
	var log = document.getElementById("debuglog");
	
	if(!log) {
		log = document.createElement("div");
		log.id = "debuglog";
		log.innerHTML = "<h1>Debug Log</h1>";
		document.body.appendChild(log);
	}
	
	var pre = document.createElement("pre");
	var text = document.createTextNode(msg);
	pre.appendChild(text);
	log.appendChild(pre);
}

window.onload = function() {

}
</sсriрt>
</head> 
<body>	

<button onclick="hide(this); debug('hide button 1');">Hide 1</button>
<button onclick="hide(this, true); debug('hide button 2');">Hide 2</button>
</body>

getElementById — получить элемент по id
getElementsByTagName - получить элементы по тегу.

Добавление обработчика click к изображениям на странице

window.onload = function () {
    var images = document.getElementsByTagName("img");

    for (var i = 0; i < images.length; i++) {
        var image = images[i];

        if (image.addEventListener) {
            image.addEventListener("click", hide, false);
        } else {
            image.attachEvent("onclick", hide);
        }
    }

    function hide(event) {
        event.target.style.visibility = "hidden";
    }
};

Учебные скрипты

Учебные скрипты

Смотрите также