“南大软院大神养成计划“_第二十天的学习“



一.对象
JavaScript 中的所有事物都是对象，如:字符串、数值、数组、函数等，每个对象带有属性和方法。
对象的属性：反映该对象某些特定的性质的，如：字符串的长度、图像的长宽等；
对象的方法：能够在对象上执行的动作。例如，表单的“提交”(Submit)，时间的“获取”(getYear)等
对象的方法：能够在对象上执行的动作。例如，表单的“提交”(Submit)，时间的“获取”(getYear)等；
JavaScript 提供多个内建对象，比如 String、Date、Array 等等，使用对象前先定义，如下使用数组对象：
  var objectName =new Array();//使用new关键字定义对象
或者
  var objectName =[];

二.访问对象属性的语法:
objectName.propertyName

如使用 Array 对象的 length 属性来获得数组的长度：
var myarray=new Array(6);//定义数组对象
var myl=myarray.length;//访问数组长度length属性

以上代码执行后，myl的值将是：6

三.访问对象的方法：
objectName.methodName()

如使用string 对象的 toUpperCase() 方法来将文本转换为大写：
var mystr="Hello world!";//创建一个字符串
var request=mystr.toUpperCase(); //使用字符串对象方法

以上代码执行后，request的值是：HELLO WORLD!

四.Date 日期对象

日期对象可以储存任意一个日期，并且可以精确到毫秒数（1/1000 秒）。

定义一个时间对象 :

var Udate=new Date();

注意:使用关键字new，Date()的首字母必须大写。

使 Udate 成为日期对象，并且已有初始值：当前时间(当前电脑系统时间)。

如果要自定义初始值，可以用以下方法：

var d = new Date(2012, 10, 1);  //2012年10月1日
var d = new Date('Oct 1, 2012'); //2012年10月1日

五.返回/设置年份方法

get/setFullYear() 返回/设置年份，用四位数表示。
var mydate=new Date();//当前时间2014年3月6日
document.write(mydate+"<br>");//输出当前时间
document.write(mydate.getFullYear()+"<br>");//输出当前年份
mydate.setFullYear(81); //设置年份
document.write(mydate+"<br>"); //输出年份被设定为 0081年。

注意:不同浏览器， mydate.setFullYear(81)结果不同，年份被设定为 0081或81两种情况。

结果:
Thu Mar 06 2014 10:57:47 GMT+0800
2014
Thu Mar 06 0081 10:57:47 GMT+0800

注意:

1.结果格式依次为：星期、月、日、年、时、分、秒、时区。(火狐浏览器)
2. 不同浏览器，时间格式有差异。

六.返回星期方法

getDay() 返回星期，返回的是0-6的数字，0 表示星期天。如果要返回相对应“星期”，通过数组完成，代码如下:

<script type="text/javascript">
  var mydate=new Date();//定义日期对象
  var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
//定义数组对象,给每个数组项赋值
  var mynum=mydate.getDay();//返回值存储在变量mynum中
  document.write(mydate.getDay());//输出getDay()获取值
  document.write("今天是："+ weekday[mynum]);//输出星期几
</script>

注意：以上代码是在2014年3月7日，星期五运行。

结果:

5

今天是：星期五

七.返回/设置时间方法

get/setTime() 返回/设置时间，单位毫秒数，计算从 1970 年 1 月 1 日零时到日期对象所指的日期的毫秒数。

如果将目前日期对象的时间推迟1小时，代码如下:

<script type="text/javascript">
  var mydate=new Date();
  document.write("当前时间："+mydate+"<br>");
  mydate.setTime(mydate.getTime() + 60 * 60 * 1000);
  document.write("推迟一小时时间：" + mydate);
</script>

结果:

当前时间：Thu Mar 6 11:46:27 UTC+0800 2014

推迟一小时时间：Thu Mar 6 12:46:27 UTC+0800 2014

注意:1. 一小时 60 分，一分 60 秒，一秒 1000 毫秒

      2. 时间推迟 1 小时,就是: “x.setTime(x.getTime() + 60 * 60 * 1000);”

八.String 字符串对象

在之前的学习中已经使用字符串对象了，定义字符串的方法就是直接赋值。比如：
var mystr = "I love JavaScript!"

定义mystr字符串后，我们就可以访问它的属性和方法。

访问字符串对象的属性length:

stringObject.length; 返回该字符串的长度。

var mystr="Hello World!";
var myl=mystr.length;

以上代码执行后，myl 的值将是：12

访问字符串对象的方法：

使用 String 对象的 toUpperCase() 方法来将字符串小写字母转换为大写：

var mystr="Hello world!";
var mynum=mystr.toUpperCase();

以上代码执行后，mynum 的值是：HELLO WORLD!

今天在慕课网学习的东西比较少，主要是为了复习和巩固之前学的JavaScript.到达更灵活的使用。

此外还学会了如何设置框架。

框架的设置主要是使用<frameset>和<frame>标签.

<frameset>标签主要是用来分区域的。此外还可以在<frameset>标签内设置边框颜色，滑动条的一些属性。

rows 是水平分割区域 cols是垂直分割，如rows=“60%,20%,*”,其中的数值可以用像素，百分百来表示，*表示的是剩下的区域。

<frame></frame>标签是夹在<frameset></frameset>之间的。是用src来设置框架链接到的网页，其中还有name的属性使用来识别的。

框架的分割还可以嵌套

如：<frameset rows="20%,*"; bordercolor="red";>
 <frame src="top.html"></frame>
 <frameset cols="80%,*">
 <frame src="main.html" name="frame1"></frame>
 <frame src="main.html"></frame>
 </frameset>
</frameset>

将网页分割为上下部分，下80%部分北分割为80%和20%左右部分。

用<a>链接来实现在其中一个框架中跳转到其他的页面，而不改变其他框架的内容。

其中就要有一个<frame>标签的src链接的网页有如以下的代码：

  <a href="跳转的网页名" target="想在哪个框架跳转网页的name的值">1</a>
 <a href="跳转的网页名" target="想在那个框架跳转网页的name的值">2</a>

就可以实现当点击1时会在指定的框架里的内容是<a>标签内href的指定网页，而不改变其他框架的内容。