脚本对象（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. animate动画被锁在队列中不动怎么解决

    [示例]: function scroll_to(obj){            $('html,body').animate({scrollTop:obj.position().top},700) ...

  2. html标签默认样式整理

    引:http://www.jb51.net/web/94964.html 文为大家整理了html标签默认样式属性及浏览器默认样式等等,喜欢css布局的朋友们可以学下,希望对大家有所帮助 html, a ...

  3. iOS多线程NSThread和GCD

    在iOS中啊  其实有多种方法实现多线程 这里只记录两个比较常用的  或者说我比较常用的 一个就是BSThread 另一个就是一听名字就比较霸气的妇孺皆知的GCD 先说一下NSThread吧 这个方式 ...

  4. 使用Flex构建Web和移动参考应用程序

    范例文件 Shopping Cart Sales Dashboard Expense Tracker 需要的其他产品 Android 2.2及更高版本或Android 3.0及更高版本的设备 仅仅在F ...

  5. jQuery如何实现点击页面获得当前点击元素

    获得jquery对象: function foo(e){ var obj = $(e.target); }

  6. zabbix3.2.3安装部署

    安装nginx [root@xuegod64 ~]# yum install -y gcc gcc-c++ autoconf automake zlib zlib-devel openssl open ...

  7. (汉化改进作品)BruteXSS：Xss漏洞扫描脚本

    今天给大家进行汉化改进的事一款脚本工具:BruteXSS,这款脚本能自动进行插入XSS,而且可以自定义攻击载荷. 该脚本也同时提供包含了一些绕过各种WAF(Web应用防护系统)的语句.   0×01简 ...

  8. js如何判断一个变量是否是数组？

    //方法一 var arr = [1,2,3]; var obj = {'name': 'xiaoming','age': 19}; if(arr.constructor == Array){ ale ...

  9. 构建自动化前端样式回归测试——BackstopJS篇

    在使用scss和less开发的时候,遇到过一件很有趣的事,因为网站需要支持响应式,就开了一个响应式样式框架,简单的几百行scss代码,居然生成了近100KB的css代码,因此决定重构这个样式库.而重构 ...

  10. WEB前端性能优化之二——css优化

    1.把样式表置于顶部 现把样式表放到文档的< head />内部似乎会加快页面的下载速度.这是因为把样式表放到< head />内会使页面有步骤的加载显示.HTML规范清 楚指 ...