脚本对象（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. void 0 === undefined

    http://www.cnblogs.com/fsjohnhuang/p/4146506.html

  2. 我用Cocos2d-x模拟《Love Live!学院偶像祭》的Live场景（四）

    [前言和思路整理] 千呼万唤Shǐ出来!最近莫名被基友忽悠着进舰坑了,加上要肝LL活动,又碰上公司项目紧张经常加班,这一章发得比以往时候来得更晚一些,抱歉啊. 上一章我们实现了BeatObjectMa ...

  3. 算法一之N皇后问题

    (写这篇文章主要是明天就要考试了,算法考试,今天不想再复习了,xiang着今天也开通了博客,于是在这个平台上进行复习,应该会更高效.最后祝愿我明天考个好成绩.嘻嘻...) n皇后问题,主要是应用到回溯 ...

  4. Nginx之RTMP

    1. RTMP协议介绍 RTMP(Real Time Messaging Protocol)实时消息传送协议是Adobe Systems公司为Flash播放器和服务器之间音频.视频和数据传输开发的私有 ...

  5. Nancy简单实战之NancyMusicStore(三)：完善商品信息与管理

    前言 上一篇,我们做了不少准备,并且还把我们NancyFx音乐商城的首页打造好了.这一篇主要是完善我们在首页的商品浏览问题和添加对商品的管理. 下面开始正题: 商品详情 首先是查看单个商品的详情: 先 ...

  6. Spark计算模型

    [TOC] Spark计算模型 Spark程序模型 一个经典的示例模型 SparkContext中的textFile函数从HDFS读取日志文件,输出变量file var file = sc.textF ...

  7. Linux Platform驱动模型(一)-设备信息

    我在Linux字符设备驱动框架一文中简单介绍了Linux字符设备编程模型,在那个模型中,只要应用程序open()了相应的设备文件,就可以使用ioctl通过驱动程序来控制我们的硬件,这种模型直观,但是从 ...

  8. java_db2错误码对应值

    DB2-SQLSTATE消息 2012-08-27 10:35:27|  分类: db2|举报|字号 订阅     本节列示 SQLSTATE 及其含义.SQLSTATE 是按类代码进行分组的:对于子 ...

  9. CoreImage-python截取核心图片

    去年项目中用到的图片截取,所以使用python写了一个,分享给大家,欢迎批评指正. github地址:https://github.com/george518/CoreImage 作用 核心图片:是指 ...

  10. C++ 头文件系列(iosfwd)

    简介 输入输出历来都是语言的重要部分,在C++中,该库也是占据了相当大的一部分. C++的输入输出库是其遵循面向对象设计的结果,并结合了泛型编程. 以下是这些库类的关系图(箭头标示继承,白框表示摸板, ...