js--函数和windows对象

最新推荐文章于 2024-10-03 16:03:47 发布

权-

最新推荐文章于 2024-10-03 16:03:47 发布

阅读量51

点赞数

文章标签： java

本文链接：https://blog.csdn.net/Q_3344/article/details/123945309

版权

js--函数和windows对象

常用系统函数
- 调用无参函数
- 调用有参函数
Window对象的常用属性
Window对象的常用方法
Date对象的方法
案例

常用系统函数

parseInt (“字符串”): 将字符串转换为整型数字
parseFloat(“字符串”): 将字符串转换为浮点型数字
isNaN(): 用于检查其参数是否是非数字

调用无参函数

function showHello( )
{
   for(var i=0;i<5;i++)
      {
         document.write("<h2>Hello World</h2>");		 
      }
}

调用有参函数

function showHello(count)
{
   for(var i=0;i<count;i++)
      {
         document.write("<h2>Hello World</h2>");	 
      }
}

Window对象的常用属性

screen:有关客户端的屏幕和显示性能的信息
history:有关客户访问过的URL的信息
location:有关当前 URL 的信息

Window对象的常用方法

prompt:显示可提示用户输入的对话框
alert:显示带有一个提示信息和一个确定按钮的警示框
confirm:显示一个带有提示信息、确定和取消按钮的对话框
close:关闭浏览器窗口
open:打开一个新的浏览器窗口，加载给定 URL 所指定的文档
setTimeout:在指定的毫秒数后调用函数或计算表达式
setInterval:按照指定的周期（以毫秒计）来调用函数或表达式

Date对象的方法

Seconds 和 Minutes:0 至 59
Hours:0 至 23
Day:0 至 6（星期几）
Date:1 至 31（月份中的天数）
Months:0 至 11（一月至十二月）

案例

案例1 计算机：

function js (){
					var a1=prompt("第一个数：");
					var a2=prompt("第二个数：");
					var sign=prompt("运算符号：")
					var result;
					aa1=parseFloat(a1);
					aa2=parseFloat(a2);
					if (sign == "+") {
						result=aa1+aa2;
					}else if (sign == "-") {
						result=aa1-aa2;
					}else if (sign == "*"){
						result=aa1*aa2;
					}else if (sign == "/") {
						result=aa1/aa2;
					}
					alert("结果是："+result);
				}

案例2 动态时钟：

function time(){
		//获得当前时间
		var today=new Date();
		//获得年、月、日，Date()函数中的月份是从0－11计算	
		var year=today.getFullYear();
		var month=today.getMonth()+1;
		var date=today.getDate();
		//获得小时、分钟、秒
		var hour=today.getHours();
		var minute=today.getMinutes();
		var second=today.getSeconds();
		var weekday=0;
		switch(today.getDay()){
			case 0:
				weekday="星期日";
				break;
			case 1:
				weekday="星期一";
				break;
			case 2:
				weekday="星期二";
				break;
			case 3:
				weekday="星期三";
				break;
			case 4:
				weekday="星期四";
				break;
			case 5:
				weekday="星期五";
				break;
			case 6:
				weekday="星期六";
				break;
		}
		document.getElementById("time").innerHTML="<h2>现在是北京时间</h2><h1>"+year+"年"+month+"月"+date+"日&nbsp;"+hour+":"+minute+":"+second+"&nbsp;"+weekday+"</h1>";
		}
		var myTime=setInterval("time()",1000);

案例3 购物车：

<body>
		<style type="text/css">
			#main{
				margin-left;
				margin-top: 0px;
				margin-right;
				margin-bottom: 0px;
				width:700px;
			}
				td{
				text-align:center;
				font-size:14px;
				line-height:25px;
				   }
				</style>
				</head>
				<body>
				<table width="600" border="1" cellspacing="0" cellpadding="0" id="main">
				 <form action="" method="post"><tr>
				    <td colspan="5" style="height:30; text-align:center; font-weight:bold; font-size:16px;color: red;">简易购物车</td>
				  </tr>
				  <tr>
				    <td>商品名称</td>
				    <td>数量（件）</td>
				    <td>单价（元）</td>
				    <td>运费（元）</td>
				    <td>合计（元）</td>
				  </tr>
				  <tr>
				    <td>诺基亚N95</td>
				    <td>1</td>
				    <td>2200</td>
				    <td>20</td>
				    <td>2400</td>
				  </tr>
				  <tr>
				    <td colspan="5" style="height:35px;"><input type="button" name="btn" id="btn" value="提交定单"  onclick="shop()"/>
					<input name="fulls" type="button" value="全屏显示" onclick="all()" /> </td>
				  </tr></form> 
				</table>
	</body>
	<script language="javascript" type="text/javascript">
				onload=function(){
				window.open("4.html","","height=480,width=753,toolbar=0,scrollbars=0,location=0,status=0,menubar=0,resizable=0");
			}
				function shop(){
				var flage=confirm("您本次购买的商品信息如下:\n商品名称：诺基亚N95；\n商品数量：1件；\n商品单价：2200；\n运费：20元；\n费用总计：2400元；\n\n请确认以上信息是否有误！！！");
				if(flage){
					alert("您的订单已提交");
					}
				}
				function all(){
					window.open("5.html","","fullscreen=yes");
					}
	</script>