(八)javaScript对象简介


脚本对象(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对象简介的更多相关文章
- JavaScript对象简介(一)
本节介绍js的9个对象:Array数组对象 Boolean(true false) Date日前对象 Math 数学对象 Number 数字对象 String 字符串对象 RegExp 正则表达式对象 ...
- Javascript Proxy对象 简介
Javascript Proxy对象 简介 Javascript Proxy对象 改变你操作对象的方式 Proxies 是Javasript对象的中间件 ...或者说至少是那种很早的版本. ES6 中 ...
- JavaScript课程——Day07(对象简介、Math对象、时间对象、字符串对象)
1.对象简介 在javaScipt中,一切皆为对象或者皆可以被用作对象 宿主对象:window,document 内置对象:Number String Boolean Array数组 Obje ...
- 如何判断Javascript对象是否存在
Javascript语言的设计不够严谨,很多地方一不小心就会出错. 举例来说,请考虑以下情况. 现在,我们要判断一个全局对象myObj是否存在,如果不存在,就对它进行声明.用自然语言描述的算法如下: ...
- 【转】如何判断Javascript对象是否存在
Javascript语言的设计不够严谨,很多地方一不小心就会出错. 举例来说,请考虑以下情况. 现在,我们要判断一个全局对象myObj是否存在,如果不存在,就对它进行声明.用自然语言描述的算法如下: ...
- 转载 -- 如何判断Javascript对象是否存在
http://www.ruanyifeng.com/blog/2011/05/how_to_judge_the_existence_of_a_global_object_in_javascript.h ...
- JavaScript对象进阶
要了解JavaScript对象,我们可以从对象创建.属性操作.对象方法这几个方面入手.概括起来,包括以下几模块: 1.创建对象 1.1 对象直接量 对象直接量是创建对象最简单的方式,由若干名/值对组成 ...
- JavaScript面向对象简介
JavaScript面向对象简介 @(编程) [TOC] 1. 命名空间 命名空间是一个容器,它允许开发人员在一个独特的,特定于应用程序的名称下捆绑所有的功能. 在JavaScript中,命名空间只是 ...
- 深入学习JavaScript对象
JavaScript中,除了五种原始类型(即数字,字符串,布尔值,null,undefined)之外的都是对象了,所以,不把对象学明白怎么继续往下学习呢? 一.概述 对象是一种复合值,它将很多值(原始 ...
随机推荐
- --@angularJS--$scope.watch监听模型变化
$watch简单使用 $watch是一个scope函数,用于监听模型变化,当你的模型部分发生变化时它会通知你. $watch(watchExpression, listener, objectEqua ...
- Camera.ScreenPointToRay 解析
Unity官方文档: Camera.ScreenPointToRay public function ScreenPointToRay(position: Vector3): Ray; Descrip ...
- win7配置自己的IIS服务器亲自做的图文很详细
跟人网站爱好初学者必看的win7系统配置自己的IIS,可以在你自己的电脑上配置网站服务器发不到网上,下面就跟着我的步骤一起做吧100%成功. 步骤/方法 点击开始-------控制面板这个就是 ...
- HDU1166(分块)
敌兵布阵 Time Limit:1000MS Memory Limit:32768KB 64bit IO Format:%I64d & %I64u Submit Status ...
- 编写JQuery插件-1
看到这篇文章的人相信大家都学会了jq,或者正在用jq,在这里简单介绍一下jq的插件封装: jQuery的插件主要分为3种类型: 1.封装对象方法的插件 这种插件是将对象的方法封装起来,用于对通过选择器 ...
- IIS配置步骤,绝对有用,百度上的不全面,是百度的补充
百度教程:http://www.jb51.net/article/29787.htm 参照百度教程,但是配置不成功,关键的地方来了!! 下面的也要配置设置 1. 2. 3.C:\Windows\Sys ...
- Swift 2.2 多态和强制转换
写在前面: 写点东西,就是想告诉自己,有时间其实你也在前进着,快慢不说,至少没停下吧!该有的都会有的.不瞎BB了,说主题,3.0 的多态和继承. 总觉得继承好像也没什么太多的可说的了,在项目中用到的还 ...
- C#有关虚方法要知道的知识点:
虚方法:这个方法其实就是为了重写方法而存在的(在声明中包含virtual关键字),否则没感觉到它存在的意义. 其一:因为要重写所以它的访问类型如果为private则毫无意义阻碍了重写动作的进行也就是它 ...
- html5中的meta标签
1. <meta http-equiv="X-UA-Compatible" content="IE=edge" /> IE=edge告诉IE使用最新 ...
- MVC,MVP,MVVM
MVC模式: MVC即Model-VIew-Controller.他是1970年代被引入到软件设计大众的.MVC模式致力于关注点的切分,这意味着model和controller的逻辑是不与用户界面(V ...