日期:2014-05-16 浏览次数:20445 次
?
题目:小明打算买一只猫陪伴,网页上需要输入用户姓名,猫的名字,性别,爱好,当点击购买按钮后,弹出恭喜xx
您购买的猫:姓名,性别,爱好,请确认?
提示使用对象来实现该功能。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>小明购买小猫</title> <script type="text/javascript"> function go( ){ var host=document.getElementById("Text1").value; var cat=document.getElementById("Text2").value; var sex=document.getElementById("Text3").value; var habbit=document.getElementById("Text4").value; var things={ name1:host, name:cat, sex:sex, habbit:habbit } alert("恭喜"+things.name1+",\r您购买的猫:\r"+"姓名:"+things.name+"\r"+"性别:"+things.sex+"\r"+"爱好:"+things.habbit+"\r"+"请确认?"); } </script> </head> <body> <center>购买小猫的清单</center> 用户姓名:<input id="Text1" type="text" /><br /> 猫的名字:<input id="Text2" type="text" /><br /> 猫的性别:<input id="Text3" type="text" /><br /> 猫的爱好:<input id="Text4" type="text" /><br /> <input id="Button1" type="button" value="点击购买" onclick="go( )" /> </body> </html>
?