03 HTML语言基础.ppt

练习 Java 程序员工资调查 被调查人数：5085 月收入 人数 1000元 224 1000-3000元 1815 3001-5000元 1129 5001-10000元 652 10000元以上 83 练习 相关属性 align：水平对齐－left / center / right valign：垂直对齐－top / middle / bottom 练习 练习 资源在“HTML练习”文件夹中 问题： form部件 命令按钮 input type “button” name “名称” value “按钮文本” onclick 单击事件 JavaScript示例1 JavaScript示例1 HTML示例 function test if document.f1.guess.value apple alert 恭喜答对了! ; else alert 再猜猜 ; form name f1 输入水果名称 input type text name guess input type button name OK value 确定 onclick test 练习－加法运算 参考答案 HTML示例 function add var a parseInt document.f1.value1.value ; var b parseInt document.f1.value2.value ; alert a+++b+ + a+b ; form name f1 input type text name value1 size 5 maxlength 3 + input type text name value2 size 5 maxlength 3 input type button name OK value 计算 onclick add 练习－加法运算改动一下 参考答案 HTML示例 function add var a parseInt document.f1.value1.value ; var b parseInt document.f1.value2.value ; document.f1.value3.value a+b; form name f1 input type text name value1 size 5 maxlength 3 + input type text name value2 size 5 maxlength 3 input type text name value3 size 5 maxlength 3 input type button name OK value 计算 onclick add JavaScript示例2 JavaScript示例2 HTML示例 function test if document.f1.sex[0].checked alert 你是男生! ; else if document.f1.sex[1].checked alert 你是女生 ; form name f1 性别： input type radio name “sex value male onclick test 男 input type radio name “sex value female onclick test 女 JavaScript示例3 JavaScript示例3 HTML示例 function test var str new String 你的爱好有：\n ; if document.f1.like[0].checked str+ 足球\n; if document.f1.like[1].checked str+ 篮球\n; if document.f1.like[2].checked str+ 排球\n; alert str ; form name f1 爱好： input type checkbox name like 足球 input type checkbox name like 篮球 input type checkbox name like 排球 input type button name OK value 确定 onclick test 问题－数据如何在页面之间的传递 补充知识 meta http-equiv refresh content 5 meta http-equiv refresh content 5;URL meta http-equiv Enter content revealTrans duration 3, transition 1 meta http-eq