获取系统时间:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312" />
<title>2-2 告诉用户当前时间</title>
<!-- 脚本部分 -->
<script type="text/javascript">
date_object = new Date();
what_to_say = date_object.toLocaleString();
alert(what_to_say);
</script>
</head>
<body style="overflow:auto;">
</body>
</html>
获取当前时间日期:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312" />
<title>2-3 获取当前时间日期</title>
<!-- 脚本部分 -->
<script type="text/javascript">
dt = new Date();
what_to_say = "今天是"+dt.getYear()+"年"+(dt.getMonth()+1)+"月"+dt.getDate()+"日,现在时间是"+dt.getHours()+"点"+dt.getMinutes()+"分"+dt.getSeconds()+"秒";
alert(what_to_say);
</script>
</head>
<body style="overflow:auto;">
</body>
</html>
弹出确认“是/否”的对话框
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312" />
<title>2-4 弹出确认“是/否”的对话框</title>
<!-- 脚本部分 -->
<script type="text/javascript">
result = confirm("我是提示信息");
alert("你点击的结果是"+result);
</script>
</head>
<body style="overflow:auto;">
</body>
</html>
使用document.write来将内容输出到页面
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312" />
<title>2-5 使用document.write来将内容输出到页面</title>
<!-- 脚本部分 -->
<script type="text/javascript">
document.write("你好");
document.write("<br><b>可以输出HTML</b>");
</script>
</head>
<body style="overflow:auto;">
<input type="button" value="点我"
οnclick="document.write('在页面加载完成后再次使用document.write会清空原来的所有内容');" />
</body>
</html>
改进版的“你好”程序
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312" />
<title>2-6 改进版的“你好”程序</title>
</head>
<body style="overflow:auto; padding:0px; margin:0px;">
<div style="font-size:14px; font-weight:bold; color:white; font-family:Arial, 宋体; background-color:#6090DA; padding:4px 10px;">
你好
<script>
if(confirm("需要显示时间吗?")){
dt = new Date();
document.write(",当前时间是 ");
document.write(dt.toLocaleTimeString());
}
</script>
</div>
</body>
</html>
让用户输入两个数字,然后输出相加的结果
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312" />
<title>3-1 让用户输入两个数字,然后输出相加的结果</title>
</head>
<body style="overflow:auto; padding:0px; margin:0px;">
<div style="font-size:14px; font-weight:bold; color:white; font-family:Arial, 宋体; background-color:#6090DA; padding:4px 10px;">
<script>
intA = prompt("请输入第一个数字","");
intB = prompt("请输入第二个数字",27);
document.write("你输入的第一个数字是"+intA);
document.write("<br>你输入的第二个数字是"+intB);
document.write("<br>两者和是"+(parseInt(intA)+parseInt(intB)));
</script>
</div>
</body>
</html>
让用户输入自己的名字,输出写给用户的情书
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312" />
<title>3-5 让用户输入自己的名字,输出写给用户的情书</title>
</head>
<body style="overflow:auto; padding:0px; margin:0px;">
<div style="font-size:14px; font-weight:bold; color:white; font-family:Arial, 宋体; background-color:#6090DA; padding:4px 10px; text-indent:28px;">
<script>
var user_name, from_name, to_name; //声明变量
var str_prompt="请输入你自己的名字和对方的名字,两个名字间用空格分开"; //将输入提示保存在变量中
var str_prompt_default="自己的名字 对方的名字"; //将默认值保存在变量中
user_name=prompt(str_prompt, str_prompt_default); //获取用户名
user_name=user_name?user_name:"小强 美眉"; //用户取消时的默认值
from_name=user_name.split(" ")[0]; //分析写信者的名字
to_name=user_name.split(" ")[1]; //分析收信者的名字
document.write(("<p>亲爱的"+to_name+"</p>").fontsize(3)); //开始写信
/*信件正文,替换掉文中的名称*/
document.write("<p>想到你那洒脱的笑容与动人的曲线,我禁不住提起笔,我选择这种原始的方式来表达我对你的爱,希望你能接受。</p>".replace(/你/g,to_name+"你").replace(/我/g,from_name+"我"));
document.write("<p>你在我心中的分量日益增加。你的眼,你的脸,你的笑容,悄悄地偷走了我的心,在我闲暇时总有那种幻想的美...</p>".replace(/你/g,to_name+"你").replace(/我/g,from_name+"我"));
/*信件结尾的签名*/
document.write(("<p>爱你的"+from_name+"</p>").fontsize(2).fontcolor("gold").link("mailto:xiaoqiang@163.com"));
</script>
</div>
</body>
</html>