JavaScript-windowはよく使います.
17974 ワード
タイマー setTimeout()/clearTimeout()は、一回だけ実行し、実行が完了したら を継続しないと説明しています. set Interval()/clear Interval()は、clear Interval() まで実行を繰り返すと説明しています.
実例 window.history.back()説明:前ページ window.history.next()説明:次のページ 実例
最初のページ alert()は、メッセージクラスを提示するためのポップアップ を説明する. confirm()は、操作するかどうかを判断するためのポップアップウィンドウと、ボタンを持ってブールタイプ に戻ると説明しています. prompt()は、ユーザが入力したメッセージを受信することができるポップアップウィンドウと、テキストボックスとともに、String に戻ることを示している.
実例 innerHTML説明:これはhtmlの内容でもいいし、テキスト でもいいです. inner Text説明:テキストの内容を保存する value説明:フォームの内容
実例
<html>
<head>
<title> title>
<style type="text/css">
#num {
font-size:50px;
color:red;
}
style>
<script type="text/javascript">
window.onload = init();
function init(){
setInterval("setTime();",1000);/* ， 1s*/
setTimeout("getCount();",5000);/* ， 5s */
}
function setTime(){
var num = document.getElementById("num");
var time = num.innerHTML;
if(time > 0){
num.innerHTML = time - 1;
}
}
function getCount(){
var count = document.getElementById("count");
count.innerHTML = 1 + count.innerHTML;
}
script>
head>
<body>
<div>
<lable> lable>
<lable id="num">20lable>
<lable> ----setInterval()lable>
div>
<div>
<lable id="count">----setTimeout()lable>
div>
body>
html>最初のページ
<html>
<head>
<title> - title>
<style type="text/css">
a {
text-decoration:none;
background-color:green;
}
style>
<script type="text/javascript">
function toForward(){
window.history.back();/* */
}
function toNext(){
window.history.forward();/* */
}
script>
head>
<body>
<a href="history-2.html"> a><br/>
<input type="button" onclick="toForward();" value=" ">input>
<input type="button" onclick="toNext();" value=" ">input>
body>
html>
<html>
<head>
<title> - title>
<style type="text/css">
a {
text-decoration:none;
background-color:red;
}
style>
<script type="text/javascript">
function toForward(){
window.history.back();/* */
}
function toNext(){
window.history.forward();/* */
}
script>
head>
<body>
<a href="history-1.html"> a><br/>
<input type="button" onclick="toForward();" value=" ">input>
<input type="button" onclick="javascript:toNext();" value=" ">input>
body>
html>実例
<html>
<head>
<title> title>
<script type="text/javascript">
function testConfirm(){
var a = confirm();
var b = document.getElementById("confirm_value");
b.innerHTML = a;
}
function testPrompt(){
var a = prompt(" ：");
var b = document.getElementById("prompt_value");
b.innerHTML = a;
var c = document.getElementById("prompt_type");
c.innerHTML = typeof(a);
}
script>
head>
<body>
<div>
<lable>alert lable><br/>
<input type="button" onclick="alert('alert ');" value="alert ">input>
div>
<hr/>
<div>
<lable>confirm lable><br/>
<input type="button" onclick="testConfirm();" value="confirm ">input><br/>
<lable> :lable>
<lable id="confirm_value">lable>
div>
<hr/>
<div>
<lable>prompt lable><br/>
<input type="button" onclick="testPrompt();" value="prompt ">input><br/>
<lable> :lable>
<lable id="prompt_value">lable><br/>
<lable> :lable>
<lable id="prompt_type">lable>
div>
body>
html>