脚本对象（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>
结果：

选择“新浪”并点击按钮

跳转到新浪页面。

（八）javaScript对象简介的更多相关文章

  1. JavaScript对象简介（一）

    本节介绍js的9个对象:Array数组对象 Boolean(true false) Date日前对象 Math 数学对象 Number 数字对象 String 字符串对象 RegExp 正则表达式对象 ...

  2. Javascript Proxy对象 简介

    Javascript Proxy对象 简介 Javascript Proxy对象 改变你操作对象的方式 Proxies 是Javasript对象的中间件 ...或者说至少是那种很早的版本. ES6 中 ...

  3. JavaScript课程——Day07（对象简介、Math对象、时间对象、字符串对象）

    1.对象简介 在javaScipt中,一切皆为对象或者皆可以被用作对象 宿主对象:window,document 内置对象:Number  String  Boolean  Array数组  Obje ...

  4. 如何判断Javascript对象是否存在

    Javascript语言的设计不够严谨,很多地方一不小心就会出错. 举例来说,请考虑以下情况. 现在,我们要判断一个全局对象myObj是否存在,如果不存在,就对它进行声明.用自然语言描述的算法如下: ...

  5. 【转】如何判断Javascript对象是否存在

    Javascript语言的设计不够严谨,很多地方一不小心就会出错. 举例来说,请考虑以下情况. 现在,我们要判断一个全局对象myObj是否存在,如果不存在,就对它进行声明.用自然语言描述的算法如下: ...

  6. 转载 -- 如何判断Javascript对象是否存在

    http://www.ruanyifeng.com/blog/2011/05/how_to_judge_the_existence_of_a_global_object_in_javascript.h ...

  7. JavaScript对象进阶

    要了解JavaScript对象,我们可以从对象创建.属性操作.对象方法这几个方面入手.概括起来,包括以下几模块: 1.创建对象 1.1 对象直接量 对象直接量是创建对象最简单的方式,由若干名/值对组成 ...

  8. JavaScript面向对象简介

    JavaScript面向对象简介 @(编程) [TOC] 1. 命名空间 命名空间是一个容器,它允许开发人员在一个独特的,特定于应用程序的名称下捆绑所有的功能. 在JavaScript中,命名空间只是 ...

  9. 深入学习JavaScript对象

    JavaScript中,除了五种原始类型(即数字,字符串,布尔值,null,undefined)之外的都是对象了,所以,不把对象学明白怎么继续往下学习呢? 一.概述 对象是一种复合值,它将很多值(原始 ...

随机推荐

  1. --@angularjs-- $location.path('/login')-$location服务用法示例

    $httpProvider interceptor .factory('auth403', ['$rootScope', '$q', '$location', function auth403($ro ...

  2. Java 伪静态 Mapping

    1. 概念 伪静态,简单来说是指转换url地址,在这里用来替换掉urlMapping.因为urlMapping需要为每一个页面都进行配置,非常麻烦. 2. RequestMapping 3. Spri ...

  3. HTML5 简介、HTML5 浏览器支持

    HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定. HTML5的设计目的是为了在移动设备上支持多媒体. HTML5 简单易学. 什么是 HTML5? HTML5 ...

  4. spring mvc 文件下载

    在controller中进行代码编写: @RequestMapping("/download") public ResponseEntity<byte[]> downl ...

  5. IOS拒绝Adobe的六大理由

    苹果与Adobe的关系由来已久.事实上,Adobe的创始人还在他们众所周知的小车库里时,我们就碰过面了.苹果是他们的第一个大客户.我们将他们的Postscript语言应用于当时最新的Laserwrit ...

  6. Bootstrap入门（二十五）JS插件2：过渡效果

    Bootstrap入门(二十五)JS插件2:过渡效果 对于简单的过渡效果,只需将 transition.js 和其它 JS 文件一起引入即可.如果你使用的是编译(或压缩)版的bootstrap.js  ...

  7. 用虚拟 router 连通 subnet - 每天5分钟玩转 OpenStack（141）

    Neutron Routing 服务提供跨 subnet 互联互通的能力.例如前面我们搭建了实验环境: cirros-vm1      172.16.100.3        vlan100 cirr ...

  8. 多线程——NSThread

    创建和启动线程 一个NSThread对象就代表一条线程 // 创建.启动线程 NSThread *thread = [[NSThread alloc] initWithTarget:self sele ...

  9. ubuntu14.04下手动安装eclipse

    ubuntu14.04下手动安装eclipse 第一步: 安装jdk 第二步: 下载eclipse,假设下载的文件文件名为eclipse.tar.gz 第三步: 解压 sudo -zxvf ./ecl ...

  10. 《JAVASCRIPT高级程序设计》Ajax与Comet

    Ajax,是Asynchronous JavaScript + XML的简写,这一技术能向服务器请求额外的技术而无需卸载页面,会带给用户更好的体验.Ajax的核心是XMLHttpRequest对象.为 ...