php基础学习笔记javascript（6）

字符串中的特殊字符： 在js中，双引号字符串中的双引号内容和单引号字符串中的单引号内容都必须进行转移，形式如下： var str1 = "my mother say:\"don't speak with stranger\". "; var str2 = 'my mother say:"don\'t speak with stranger". '; js中的常用

字符串中的特殊字符：

 

在js中，双引号字符串中的双引号内容和单引号字符串中的单引号内容都必须进行转移，形式如下：

 

var str1 = "my mother say:\"don't speak with stranger\". ";

 

var str2 = 'my mother say:"don\'t speak with stranger". ';

 

js中的常用转义字符有：

<span>“        ?    \”
‘        ?    \’
回车符     ? \r
换行符    ? \n
tab符    ? \t
\        ? \\
注意： 回车符，换行符，空格和tab符其实也是跟a，b，c，d，和’,  “,  $  </span>& 等等符号“平等并列”的符号。

 

时间日期（Date）对象：

 

用于表示时间日期数据的对象。一个时间日期对象中包括了有关时间日期的各项具体信息，比如年，月，日，时分秒，毫秒，星期。

 

定义一个时间日期对象有以下几种形式：

 

    d1 = <span>new</span> Date();    <span>//</span><span>定义一个表示“当前时间”的日期对象， </span>
    d2 = <span>new</span> Date(“<span>2013</span>/<span>9</span>/<span>25</span> <span>11</span>:<span>18</span>:<span>19</span><span>”);    用一个字符串来定义一个指定时间（时刻）的日期对象
    d3 </span>= <span>new</span> Date(<span>2013</span>, <span>9</span>, <span>25</span>, <span>11</span>, <span>18</span>, <span>19</span><span>); 用多个（至少3个）数字来定义一个指定时间的日期对象
    d4 </span>= <span>new</span> Date(<span>2324624252312</span>);    用一个数字来定义个指定时间的日期对象。

 

此数字代表的是从1970年1月1日午夜0点0分0秒（甚至0毫米）开始算起所经历过的毫秒数。注意，一秒等于1000毫秒。——实际上，我们可以理解为：“时间”这种数据，在js中，其实其本质上只是存储了一个数字。如果该数值为负值，则表示往前推算。实际上，据此，时间是可以进行加减计算的。

这个时间点通常认为是计算机世界的“时间起点/原点”。

 时间对象的常用方法：

 

v1 =<span>  d1.toLocaleString();获得时间为“本地表示法”
    v1 </span>=<span>  d1.getTime();    获得一个时间的“毫米数”——从时间原点开始算起。
以下是获取时间中的某项数据值：
    v1 </span>=  d1.getFullYear();    <span>//</span><span>获得年数——是一个数字，下同</span>
    v1 =  d1.getMonth();    <span>//</span><span>获得月数    ——注意：此数字是从0开始算起的，即只能是：0-11</span>
    v1 =  d1.getDate();    <span>//</span><span>获得日期数</span>
    v1 =  d1.getDay();        <span>//</span><span>获得星期数</span>
    v1 =  d1.getHours();    <span>//</span><span>获得小时数</span>
    v1 =  d1.getMinutes();    <span>//</span><span>获得分钟数</span>
    v1 =  d1.getSeconds();    <span>//</span><span>获得秒数</span>
    v1 =  d1.getMilliseconds();<span>//</span><span>获得毫秒数</span>

 

以下是设置时间中的某项数据值：

d1.setFullYear( n );        <span>//</span><span>将d1这个时间对象的年份数设置为n这个数——即修改了其年份，下同。</span>
    d1.setMonth( n  );        <span>//</span><span>设置月份数</span>
d1. setDate(n  );        <span>//</span><span>设置日期数</span>
    d1. setDay(n  );        <span>//</span><span>设置星期数</span>
    d1. setHours(n  );        <span>//</span><span>设置小时数</span>
    d1. setMinutes(n  );    <span>//</span><span>设置分钟数</span>
    d1. setSeconds(n  );    <span>//</span><span>设置秒数</span>
    d1. setMilliseconds(n  );<span>//</span><span>设置毫秒数</span>

网页对象介绍

<span>var</span> obj1 =<span> {
                    name:”小花”，
                    age:</span><span>18</span><span>，
                    zuofan: functoin (){……}，
                    xiyi: function(){……}
}
    </span><span>var</span> v1 =<span> obj1.age;
    alert( v1 );
    obj1.age </span>= <span>19</span>;    <span>//</span><span>过年了，增加了一岁——修改了obj1这个对象的age这个属性的值。</span>
    obj1.name = “大花”；

         var  obj1 = document.getElementById(“id名”);

操作对象的样式属性：

         获取：var v1 =  obj1.style.样式属性名；——其实这种方式只能获取其“行内样式”

         赋值：obj1.style.样式属性名 = 某值；

 

 

         var  obj1 = document.getElementById(“id名”);

 

 

 

 

操作对象的样式属性：

 

         获取：var v1 =  obj1.style.样式属性名；——其实这种方式只能获取其“行内样式”

 

         赋值：obj1.style.样式属性名 = 某值；

 

事件初步

简单说来，事件就是“动作”，也就是用户所在的某种操作，比如：点击，鼠标移动，双击，。。。。。。

先回顾与加强ｊｓ的“定义”：ｊｓ是一门基于对象的事件驱动的脚本语言。

 

事件有哪些：

 

<span>    鼠标事件：
        onclick: 
        onmouseover:
        onmouseout:
        ondblclick:    双击事件
        onmousedown:      鼠标按下去的时候发生（注意此时鼠标还没有抬起来）
        onmouseup:        鼠标抬起来的时候发生
        onmousemove:    鼠标移动的时候发生——移动无处不在。</span>

 

<span>键盘事件：
        onkeypress:    按键点击一次发生。
        onkeydown:    按键按下去的时候发生
        onkeyup:        按键抬起来的时候发生</span>

小结：事件随时发生，无处不在，只在于我们想要在哪个对象上使用哪个事件来完成什么工作。

其基本的代码模式为：

<span>
        function f1(){
            </span><span>//</span><span>这里就是我们要做的工作！！！！！</span>
<span>}
    </span>

则其基本含义是： 某个对象发生什么事件的时候会去调用某个函数以完成某种任务。

event对象

         event通常就只用于获取在事件发生的时候的有关信息，比如：鼠标该时刻的坐标位置（x和y），是哪个网页对象发生了该事件，发生事件的时候是哪个鼠标按键触发的，或哪个键盘上的键。以上信息由以下几个event属性来获取：

         event.clientX   ——获取事件发生的时候鼠标的x坐标位置

         event.clientY   ——获取事件发生的时候鼠标的y坐标位置

         event.keyCode                   ——键盘事件发生的时候的按键的键值——键盘上每个键都对应一个数字值。

 

<span>this和event的使用对比：
    </span><span>this</span><span>event</span><span>
        function f1 ( obj )
        {
            </span><span>//</span>
<span>}
function f2 ( evt )
        {
            </span><span>//</span><span>在此范围内，evt代表的是事件发生的时候的event对象。
            </span><span>//</span><span>这里使用evt，基本上也就是使用其以下属性（根据需要取用）：</span>
            <span>var</span> v1 = evt.clientX；    <span>//</span><span>获得鼠标当时的x坐标</span>
            <span>var</span> v2 = evt.clientY；    <span>//</span><span>获得鼠标当时的y坐标</span>
            <span>var</span> v3 = evt.keyCode;    <span>//</span><span>获得键盘的按键值（只对键盘事件有效）</span>
            <span>var</span> v4 = evt.target;        <span>//</span><span>获得事件源对象，IE是：evt.srcElement;</span>
<span>}
    </span>