JS декодирование и кодирование. Html
Кода -копия выглядит следующим образом:
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> javascript Кодирование и декодирование </title>
<script type = "text/javascript">
Функциональный гель (id) {
return document.getElementbyId (id);
}
window.onload = function () {
//alert(document.getElementById("span1").innerhtml
гель ("btn1"). onclick = function () {
Alert (Encodeuri (гель ("span1"). innerhtml));
};
гель ("btn2"). onclick = function () {
Alert (decodeuri (гель ("span1"). innerhtml));
};
};
</script>
</head>
<тело>
<span id = "span1"> три героя сумасшедшего поднимаются! </span>
<input type = "кнопка" id = "btn1" value = "кодировать" />
<input type = "кнопка" id = "btn2" value = "Декодирован" />
</body>
</html>
Использование SetInterval и SetTimeout в JS.HTML
Кода -копия выглядит следующим образом:
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<meta http-equiv = "content-type" content = "text/html; charset = utf-8"/>
<Title> Использование SetInterval и SetTimeout в JS </title>
<script type = "text/javascript">
var time = 10;
var id = 0;
Функциональный гель (id) {
return document.getElementbyId (id);
}
функция dectime () {
if (время> 0) {
время--;
гель («времена»). innerhtml = время;
} еще {
// очистить час
clearInterval (id);
}
}
window.onload = function () {
id = setInterval (dctime, 1000);
};
</script>
</head>
<тело>
<pan> обратный отсчет <span id = "timespan" style = "color: red;"> </span> секунды </span>
</body>
</html>
JS проверьте, является ли вход number.html
Кода -копия выглядит следующим образом:
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<meta http-equiv = "content-type" content = "text/html; charset = utf-8"/>
<title> js Проверьте, является ли вход номером </title>
<script type = "text/javascript">
window.onload = function () {
document.getElementById ("btn1"). onclick = function () {
var i = rasfor («введите значение, которое будет судить»);
//window.alert(i);
if (! isnan (i)) {
window.alert ("is number");
} еще {
window.alert («не число»);
}
};
}
</script>
</head>
<тело>
<input type = "кнопка" id = "btn1" value = "ucride" />
</body>
</html>
JS Динамически получает, создает и удаляет узлы.html
Кода -копия выглядит следующим образом:
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> JS Динамически Получите, создает и удаляет узлы </title>
<script type = "text/javascript">
Функциональный гель (id) {return document.getElementById (id); }
window.onload = function () {
гель ("btnproadd"). onclick = function () {
// Добавить дочерние узлы в рамках излиста
var linew = document.createElement ("li");
linew.innerhtml = reffice («Введите добавленную провинцию»);
гель («пролиста»). Appendchild (Linew);
// восстановить все события клики и удаления
DellionClick ();
};
// дважды щелкните узел Li Child и удалите его
функция dellionClick () {
// 1. Сначала получите все детские узлы
var linodes = gel («пролиста»). Childnodes;
for (var i = 0; i <linodes.length; i ++) {
linodes [i] .onclick = function () {
//Alert(linodes=).innerhtml;/because onclick связывает анонимную функцию, я всегда буду здесь 7 здесь
// Ниже приведен правильный способ удалить его, используйте это. Потому что тот, который запускает событие OnClick, всегда выбран LI
this.parentnode.removechild (это);
};
}
}
};
</script>
</head>
<тело>
<ul id = "пролиста">
<li> Shanxi </li>
<li> henan </li>
<li> Пекин </li>
</ul>
<input type = "button" value = "добавить новую провинцию" id = "btnproadd" />
</body>
</html>
Использование SetInterval и SetTimeout в JS.HTML
Кода -копия выглядит следующим образом:
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<meta http-equiv = "content-type" content = "text/html; charset = utf-8"/>
<Title> Использование SetInterval и SetTimeout в JS </title>
<script type = "text/javascript">
var time = 10;
var id = 0;
Функциональный гель (id) {
return document.getElementbyId (id);
}
функция dectime () {
if (время> 0) {
время--;
гель («времена»). innerhtml = время;
} еще {
// очистить час
clearInterval (id);
}
}
window.onload = function () {
id = setInterval (dctime, 1000);
};
</script>
</head>
<тело>
<pan> обратный отсчет <span id = "timespan" style = "color: red;"> </span> секунды </span>
</body>
</html>
JS динамически добавляет таблицы data.html
Кода -копия выглядит следующим образом:
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<Title> Динамическое добавление данных таблицы </title>
<script type = "text/javascript">
var mailarr = [
{"title": "A C# проблема", "имя": "Zhang San", "Date": "2014-03-21"},
{"title": "проблема JavaScript", "имя": "li si", "date": "2014-03-21"},
{"title": "a c Вопрос", "Имя": "55", "Дата": "2014-03-21"},
{«Название»: «Вопрос C ++», «Имя»: «Чжао Лю», «Дата»: «2014-03-21»}
];
window.onload = function () {
var tab = document.getElementbyId ("tb");
// Добавить метод прохождения петли Mailarr в таблицу в TR
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 = "<input type = 'facebox'/>";
th2.innerhtml = miaLarr [rowindex] .title;
th3.innerhtml = miaLarr [rowindex] .name;
th4.innerhtml = mailarr [rowindex] .date;
tr.appendchild (Th1);
tr.appendchild (Th2);
tr.appendchild (Th3);
tr.appendchild (Th4);
tab.appendchild (tr);
}
};
</script>
</head>
<тело>
<таблица id = "tb" style = "border-collapse: collapse;">
<tr>
<Th> последовательность </th>
<Th> название </th>
<Th> Отправить Mailer </th>
<Th> Отправить время </th>
</tr>
<!-Увеличение петли->
</table>
</body>
</html>