【プログラミング練習】該当ボタンをクリックすると、対応する操作を行い、ボタンに対応するイベントを追加します.
13636 ワード
「色を変える」「幅を変更する」「内容を隠す」「表示内容を表示する」「設定をキャンセルする」の関数を作成し、該当ボタンをクリックして該当操作を実行し、「設定をキャンセルする」ボタンをクリックしたら、設定をキャンセルするかどうかを示す.
<html>
<head>
<meta http-equiv="Content-Type" Content="text/html; charset=utf-8" />
<title>javascripttitle>
<style type="text/css">
body{
font-size:12px;}
#txt{
height:400px;
width:600px;
border:#333 solid 1px;
padding:5px;}
p{
line-height:18px;
text-indent:2em;}
style>
head>
<body>
<h2 id="con">JavaScript H2>
<div id="txt">
<h5>JavaScript 。h5>
<p>1. JavaScript ， JS ， JS。p>
<p>2. JavaScript ， JS 、 、 、 、 、BOM 、DOM 。p>
<p>3. ， JavaScript 、 、 、 、cookie、 、ajax 。p>
div>
<form>
form>
<script type="text/javascript">
// " "
function yg(){
var aa = document.getElementById("txt");
aa.style.color = "blue";
aa.style.backgroundColor = "gray";
}
// " "
function kg(){
var bb = document.getElementById("txt");
bb.style.width = "300px";
}
// " "
function yc(){
var cc = document.getElementById("txt");
cc.style.display = "none";
}
// " "
function xs(){
var dd = document.getElementById("txt");
dd.style.display = "block";
}
// " "
function qx(){
if(confirm(" ？")){
var ee = document.getElementById("txt");
ee.style.color = "#000";
ee.style.backgroundColor = "#fff";
ee.style.height = "400px";
ee.style.width = "600px";
ee.style.display = "blcok";
}
}
script>
body>
html>