当前位置: 代码迷 >> JavaScript >> javascript中的对象的运用
  详细解决方案

javascript中的对象的运用

热度:206   发布时间:2012-11-09 10:18:47.0
javascript中的对象的使用
?

题目:小明打算买一只猫陪伴,网页上需要输入用户姓名,猫的名字,性别,爱好,当点击购买按钮后,弹出恭喜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>

?

  相关解决方案