脚本对象（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. 基于回调的事件处理——重写onTouchEvent方法响应触摸屏事件

    对于Android提供的事件处理模型,不难发现基于监听的事件处理模型具有更大的优势: 基于监听的事件模型分工更加明确,事件源.事件监听有两个类分开实现,因此具有更好的维护性. Android的事件处理 ...

  2. SVG的基础使用

    SVG的基础使用: <%@ page language="java" contentType="text/html; charset=UTF-8" pag ...

  3. C#版--简单工厂模式

    为什么要用设计模式? 1.设计模式是前人根据经验总结出来的,使用设计模式,就相当于是站在了前人的肩膀上. 2.设计模式使程序易读.熟悉设计模式的人应该能够很容易读懂运用设计模式编写的程序. 3.设计模 ...

  4. java配置环境变量-及原因

    为什么java要配置环境变量? 那就要从java的编译和解析过程说起 java文件的编译和解析过程 一.一个hellow.java文件,要经历先编译(变成hellow.class),再解析(解析成机器 ...

  5. 老司机教你下载tumblr上视频和图片的正确姿势

    本文面向初学者. 很多同学问我:“我非常想学Python编程,但是找不到兴趣点”. 还有的同学呢,找到了很好的兴趣点,但是无从下手,“玄魂老师,我想下载tumblr上的视频, 怎么下载,Python能 ...

  6. 如何使用矩阵乘法加速动态规划——以[SDOI2009]HH去散步为例

    对这个题目的最初理解 开始看到这个题,觉得很水,直接写了一个最简单地动态规划,就是定义 f[i][j]为到了i节点路径长度为j的路径总数, 转移的话使用Floyd算法的思想去转移,借助这个题目也理解了 ...

  7. HDU1494(dp)

    跑跑卡丁车 Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Submi ...

  8. RESTful_简介

    一.概括总结一下什么是RESTful架构: (1)每一个URI代表一种资源: (2)客户端和服务器之间,传递这种资源的某种表现层(Representation): (3)客户端通过四个HTTP动词,对 ...

  9. cmake的命令execute_process

    execute_process(COMMAND <cmd1> [args1...]] [COMMAND <cmd2> [args2...] [...]] [WORKING_DI ...

  10. asp.net core mvc权限控制：分配权限

    前面的文章介绍了如何进行权限控制,即访问控制器或者方法的时候,要求当前用户必须具备特定的权限,但是如何在程序中进行权限的分配呢?下面就介绍下如何利用Microsoft.AspNetCore.Ident ...