• (八)javaScript对象简介


     
     
     
     

     



    脚本对象(JavaScript对象)






     

    <script type="text/javascript">
    		var time=new Date();
    		time.setDate(23);       //设置为当月的某一天,这里的是5月的23号
    		time.setFullYear(2015);  //设置年 ,参数为4位数
    		time.setMonth(4);			//设置月,参数为0~11  0代表1月
    		time.setHours(15);			//设置小时
    		time.setMinutes(15);		//设置分钟
    		time.setSeconds(15);		//设置秒
    		alert(time.toLocaleString());  //toLocaleString()用当地时间格式将date对象用字符串表示
    	</script>
    

     结果:

    	<script type="text/javascript">
    		var time=new Date();
    		time.setDate(27);        //设置当月的某一天
    		time.setFullYear(2015);  //设置年 ,参数为4位数
    		time.setMonth(4);			//设置月,参数为0~11  0代表1月
    		time.setHours(15);			//设置小时
    		time.setMinutes(15);		//设置分钟
    		time.setSeconds(15);		//设置秒
    		                                 //2015.5.15  03:15:15   
    		alert(time.getFullYear()); //显示年
    		alert(time.getMinutes());  //显示分钟
    		alert(time.getDate());	//显示天数
    		alert(time.getDay()); 	//显示周几, 0(周日)~6(周六)
    	</script>

    结果:



    <script type="text/javascript">
    		function f(){
    			window.alert("hello world!");
    			
    		}
    		var f2=setTimeout("f()",1000);
    	</script>
    结果:
    解析:一秒后出现左图,在这里只能执行一次。


    	<script type="text/javascript">
    		function showTime(){
    			var time=new Date();
    			alert(time.toLocaleString());
    		}
    	</script>
    </head>
    <body onload="showTime()">	 
    </body>

    结果:

    解析:   网页加载之后就会出现上图。



    浏览器对象

     

    <script type="text/javascript">
    		var age=parseFloat(prompt("输入你的年龄"));
    		var flag=confirm("是否显示信息?");
    		if(flag==true){
    			document.write("年龄为"+age);
    		}
    	</script>
    

     结果:



    • getElementById(“ID名称”) 方法:根据ID名称获取HTML元素。 HTML元素如下图:

    包括表单对象,所以表单对象有两种获取方式,一种是: document.表单名.表单元素名.value;//获取表单中输入的数据 . 另一种就是通过getElementById()方式获取。

    	<script type="text/javascript">
    	 function showPass(){
    		var passwd= document.getElementById("passwd");
    	 	passwd.value="hello";
    	 	passwd.style.width="200px";
    	 	passwd.style.height="50px";
    	 }
    	</script>
    </head>
    <body >	 
    	<form name="f">
    		用户名:<input type="text" name="userName"  id="userName" onclick="showPass()"/>
    		密码: <input type="text" id="passwd" /> 
    	</form>
    </body>
    结果:



    浏览器对象之document对象

    	<script type="text/javascript">
    	function change(color){
    		document.bgColor=color;
    	}
    	</script>
    </head>
    <body >	 
    	<form name="f">
    		<font onMouseOver="change('red')" >变红色</font><br/>
    		<font onMouseOver="change('blue')" >变蓝色</font>
    	</form>
    结果:
    鼠标放在“变红色”标签上

    鼠标放在“变蓝色”标签上



    浏览器对象之history对象

     

     浏览器对象之location对象

     

    	<script type="text/javascript">
    	function tiaozhuan(){
    		location.href=document.f.wangzhi.value;
    	}
    	</script>
    </head>
    <body >	 
    	<h1>选择选项并跳转</h1>
    	<form name="f">
    		<select name="wangzhi">
    			<option value="http://www.baidu.com">百度</option>
    			<option value="http://www.sina.com">新浪</option>
    		</select><br/><br/>
    		<input type="button" onclick="tiaozhuan()" value="跳转到"/>
    	</form>
    </body>
    结果:
    选择“新浪”并点击按钮

    跳转到新浪页面。

  • 相关阅读:
    Atitit.随时间变色特效 ---包厢管理系统的规划
    Atitit.request http乱码的设计防止 检测与解决最近实践p825 attilax总结.doc
    Atitit.request http乱码的设计防止 检测与解决最近实践p825 attilax总结.doc
    atitit.薄伽梵歌overview  attilax 读后感
    Atitit。 《吠陀》 《梨俱吠陀》overview 经读后感  是印度上古时期一些文献的总称
    Atitit。 《吠陀》 《梨俱吠陀》overview 经读后感  是印度上古时期一些文献的总称
    atitit.薄伽梵歌overview  attilax 读后感
    Atitit 《摩奴法典》overivew 读后感 不是由国王 颁布的,而是 僧侣编制
    Atitit 《摩奴法典》overivew 读后感 不是由国王 颁布的,而是 僧侣编制
    Atitit.执行cli cmd的原理与调试
  • 原文地址:https://www.cnblogs.com/shyroke/p/6435054.html
Copyright © 2020-2023  润新知