脚本对象（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--独立作用域scope绑定策略之=符策略

    1.index.html: <!DOCTYPE HTML><html ng-app="app"><head>    <title>s ...

  2. 用Linux命令行获取本机外网IP地址

    引言:目前获取ip的方法中,ifconfig和ip获取函数得到的都是内网ip.有时候需要获取外网ip,目前通用的做法,是向外部服务器发送请求,解析外部服务器响应,从而得到的自己的外网ip.linux下 ...

  3. QJsonObject和QJsonArray的巨坑

    最近用Qt的QJsonObject和QJsonArray当做类变量来存储运行信息,发现这两货真的是巨坑.让人有一种JJ fly的感觉/(ㄒoㄒ)/~~. 写了个例子来说明下: MainWindow:: ...

  4. Spring Boot启动过程（二）

    书接上篇 该说refreshContext(context)了,首先是判断context是否是AbstractApplicationContext派生类的实例,之后调用了强转为AbstractAppl ...

  5. We Chall-Training: Get Sourced-Writeup

    MarkdownPad Document html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,ab ...

  6. sonarqube+Scanner代码质量管理工具

    本文相关描述基于sonarqube 6.2版本. 下载地址: sonarqube下载网址:https://www.sonarqube.org/downloads/ Scanner下载网址(用于扫描项目 ...

  7. Linux驱动技术(五) _设备阻塞/非阻塞读写

    等待队列是内核中实现进程调度的一个十分重要的数据结构,其任务是维护一个链表,链表中每一个节点都是一个PCB(进程控制块),内核会将PCB挂在等待队列中的所有进程都调度为睡眠状态,直到某个唤醒的条件发生 ...

  8. jvm垃圾收集小记

    垃圾收集是java与c/c++的最大不同.有了jvm的自动垃圾收集机制,就可以让程序员专注于程序逻辑开发, 而不是花费大量的时间是考虑一个变量应该在什么时候去释放. 下面我们就来简单说一下java的垃 ...

  9. CocoaPods 2016最新安装和使用说明

    cocoapods 简介: CocoaPods是OS X和iOS下的一个第三类库管理工具,通过CocoaPods工具我们可以为项目添加被称为“Pods”的依赖库(这些类库必须是CocoaPods本身所 ...

  10. 浅谈Activiti Modeler 的扩展

    为什么要扩展         最近项目打算用activiti工作流中activiti modeler来做模块的可视化订阅,但是原生的activiti任务节点,有一些不符合业务需要,比如 配置项多,属性 ...