10_2. javascript note.txt

在达内培训java笔记

           getMilliseconds()  setMillliseconds (ms)       毫秒(0-999) 
           getTime()          setTime (allms)             累计毫秒数(从1970/1/1 00:00:00开始) 
           注意：set方法对任意整数有效，影响上一级的数；如setDate(-1)设为上个月30号。 但对小数没效。
       日期和时间的转换：
           getTimezoneOffset()  返回本地时间与GMT的时间差，以分钟为单位(中国为-480；差8小时) 
           toUTCString()        返回国际标准时间字符串(默认) 
           toLocalString()      返回本地格式时间字符串
           Date.parse(x)        返回累计毫秒数(从1970/1/1 00:00:00到x的本地时间，忽略秒以下的数字) 
           Date.UTC(x)          返回累计毫秒数(从1970/1/1 00:00:00到x的UTC时间) 不明UTC是什么


JavaScript技术 (1天) 
一、 JS使用DHtml/Dom元素
    DHTML
       定义：使用JavaScript和CSS级联样式表操作HTML创造出各种动态视觉效果统称为DHTML
       DHTML = CSS + Html + JS
       是一种浏览器端的动态网页技术
    DHTML对象模型(DOM) 
       将HTML标记、属性和CSS样式都对象化
       可以动态存取HTML文档中的所有元素
       可以使用属性name或id来存取或标记对象
       改变元素内容或样式后浏览器中显示效果即时更新
       DHTML对象模型包括浏览器对象模型和Document对象模型

    Window对象的常用属性：
     * document    对象，代表窗口中显示的HTML文档
       frames      窗口中框架对象的数组
     * history     对象，代表浏览过窗口的历史记录
     * location    对象，代表窗口文件地址，修改属性可以调入新的网页
     * status      (defaultStatus)窗口的状态栏信息
       closed      窗口是否关闭，关闭时该值为true
     * name        窗口名称，用于标识该窗口对象
       opener      对象，是指打开当前窗口的window对象，如果当前窗口被用户打开，则它的值为null
       parent      对象，当前窗口是框架页时指的是包含该框架页的上一级框架窗口
       top         对象，当前窗口是框架页时指的是包含该框架页的最外部的框架窗口
       self        对象，指当前Window对象
       window      对象，指当前Window对象，同self
    Window对象的常用方法：
    (使用这些方法时，通常不加window也没区别；但在特定情况下必须加，如在内嵌页面用open();) 
     * alert(),confirm(),prompt();       弹出简单对话框
     * close(),open();                   关闭、打开窗口
       print();                          打印窗口中网页的内容
       focus(),blur();                   请求或放弃窗口为当前操作窗口
       moveBy(),moveTo();                移动窗口
       resizeBy(),resizeTo();            调整窗口大小
       scrollBy(),scrollTo();            滚动窗口中网页的内容
     * setInterval(),clearInterval();    设置或取消周期执行的定时器
     * setTimeout(),clearTimeout();      设置或取消一次性执行的定时器
    window主要功能：
       1.窗口的打开和关闭
         window.open(url,name,config) 打开新窗口；url:打开的超链接，name:窗口的名称，返回新窗口对象
            config为窗口的配置参数：menubar 菜单条、toolbar 工具条、location 地址栏、directories 链接、
            status 状态栏、scrollbars 滚动条、resizeable 可调整大小(以上参数值为yes或no，默认yes)；
            width 窗口宽，以像素为单位；height 窗口高，以像素为单位(参数值为数值) 
         window.close() 关闭窗口
       2.对话框
         简单对话框：
            alert(str)  提示框，显示str字符串的内容；按[确定]关闭对话框
            confirm(str) 确认对话框，显示str字符串的内容；按[确定]按钮返回true，[取消]返回false
            prompt(str,value) 输入对话框，采用文本框输入信息；按[确定]按钮返回输入值，[取消]关闭
         窗口对话框：
            showModalDialog(url,arguments,config) IE4或更高版本支持该方法
            showModelessDialog(url,arguments,config) IE5或更高版本支持该方法
            参数:url 打开链接，arguments 传入参数名，config 窗口配置参数
             config 外观配置参数：status、resizable、help 是否显示标题栏中的问号按钮、center 是否在桌面中间
             dialogWidth 对话框宽、dialogHeight 对话框高、(上一行参数值为yes或no，这两行参数为多少像素)
             dialogTop 对话框左上角的y坐标、dialogLeft 对话框左上角的x坐标
       3.状态栏
         window.status                 状态栏中的字符串信息允许进行设置或读取
       4.定时器
         tID1=setInterval(exp,time)    周期性执行代码exp；exp 代码块名，time 周期(毫秒)，返回启动的定时器
         clearInterval(tID1)           停止周期性的定时器
         tID2=setTimeout(exp,time)     一次性触发执行代码exp；返回已经启动的定时器
         clearTimeout(tID2)            停止一次性触发的定时器
       5.内容滚动
         window.scroll(x,y)            滚动窗口到指定位置；单位为像素
         window.scrollTo(x,y)          同scroll方法
         window.scrollBy(ax,ay)        从当前位置开始，向右滚动ax像素，向下滚动ay像素
       6.调整窗口大小和位置
         window.moveTo(x,y)            移动窗口到指定位置；单位为像素
         window.moveBy(ax,ay)          向右移动ax像素，向下移动ay像素，参数为负数表示反方向移动
         window.resizeTo(width,height) 调整窗口大小为指定大小
         window.resizeBy(ax,ay)        放大或缩小窗口；参数为负数表示缩小
       7.Screen对象                     屏幕信息(属于window的子对象；常用于获取屏幕的分辨率和色彩) 
         screen.width                  屏幕分辨率的宽度，例如1024*768分辨率下宽度为1024
         screen.height                 类似上面，屏幕分辨率的高度
         screen.availWidth             屏幕中可用的宽
         screen.availHeight            屏幕中可用的高
         screen.colorDepth             屏幕的色彩数
       8.History对象                    窗口的访问历史信息(属于window的子对象,常用于返回到已经访问过的页面)
         history.length                历史记录数
         history.back()                返回上一页
         
       9.Navigator对象     浏览器和OS(系统)的信息 数组
       10.Location对象      浏览器地址栏的信息
    应用例子：窗口最大化
       window.moveTo(0,0); window.resizeTo(screen.availWidth,screen.availHeight);
       //采用screen对象的分辨率属性和resizeTo方法来动态确定窗口最大长度和宽度
    
二、 JavaScript编写客户端脚本程序的技能
    

















动态 HTML(DHTML) 对象模型定义的事件：

onabort             当用户中断下载图像时触发。
onactivate          当对象设置为活动元素时触发。
onafterprint        对象所关联的文档打印或打印预览后立即在对象上触发。
onafterupdate       当成功更新数据源对象中的关联对象后在数据绑定对象上触发。
onbeforeactivate    对象要被设置为当前元素前立即触发。
onbeforecopy        当选中区复制到系统剪贴板之前在源对象触发。
onbeforecut         当选中区从文档中删除之前在源对象触发。
onbeforedeactivate  在 activeElement 从当前对象变为父文档其它对象之前立即触发。
onbeforeeditfocus   在包含于可编辑元素内的对象进入用户界面激活状态前或可编辑容器变成控件选中区前触发。
onbeforepaste       在选中区从系统剪贴板粘贴到文档前在目标对象上触发。
onbeforeprint       对象的关联文档打印或打印预览前在对象上触发。
onbeforeunload      在页面将要被卸载前触发。
onbeforeupdate      当成功更新数据源对象中的关联对象前在数据绑定对象上触发。
onblur              在对象失去输入焦点时触发。
onbounce            当 marquee 对象的 behavior 属性设置为“alternate”且字幕的内容到达窗口一边时触发。
oncellchange        在数据供应者中的数据变更时触发。
onchange            当对象或选中区的内容改变时触发。
onclick             在用户用鼠标左键单击对象时触发。
oncontextmenu       在用户使用鼠标右键单击客户区打开上下文菜单时触发。
oncontrolselect     当用户将要对该对象制作一个控件选中区时触发。
oncopy              当用户复制对象或选中区，将其添加到系统剪贴板上时在源元素上触发。
oncut               当对象或选中区从文档中删除并添加到系统剪贴板上时在源元素上触发。
ondataavailable     每当异步传输数据的数据源对象的数据到达时触发。
ondatasetchanged    当数据源对象对应的数据集发生变更时触发。
ondatasetcomplete   触发就表明数据源对象所有数据都可用。
ondblclick          当用户双击对象时触发。
ondeactivate        当 activeElement 从当前对象变为父文档其它对象时触发。
ondrag              当进行拖曳操作时在源对象上持续触发。
ondragend           当用户在拖曳操作结束后释放鼠标时在源对象上触发。
ondragenter         当用户拖曳对象到一个合法拖曳目标时在目标元素上触发。
ondragleave         当用户在拖曳操作过程中将鼠标移出合法拖曳目标时在目标对象上触发。
ondragover          当用户拖曳对象划过合法拖曳目标时持续在目标元素上触发。
ondragstart         当用户开始拖曳文本选中区或选中对象时在源对象上触发。
ondrop              当鼠标按钮在拖曳操作过程中释放时在目标对象上触发。
onerror             当对象装载过程中发生错误时触发。
onerrorupdate       更新数据源对象中的关联数据出错时在数据绑定对象上触发。
onfilterchange      当可视滤镜更改状态或完成转换时触发。
onfinish            当字幕循环完成后触发。
onfocus             当对象获得焦点时触发。
onfocusin           当元素将要被设置为焦点之前触发。
onfocusout          在移动焦点到其它元素之后立即触发于当前拥有焦点的元素上触发。
onhelp              当用户在浏览器为当前窗口时按 F1 键时触发。
onkeydown           当用户按下键盘按键时触发。
onkeypress          当用户按下字面键时触发。
onkeyup             当用户释放键盘按键时触发。
onlayoutcomplete    当打印或打印预览版面处理完成用来自于源文档的内容填充当前 LayoutRect 对象时触发。
onload              在浏览器完成对象的装载后立即触发。
onlosecapture       当对象失去鼠标捕捉时触发。
onmousedown         当用户用任何鼠标按钮单击对象时触发。
onmouseenter        当用户将鼠标指针移动到对象内时触发。
onmouseleave        当用户将鼠标指针移出对象边界时触发。
onmousemove         当用户将鼠标划过对象时触发。
onmouseout          当用户将鼠标指针移出对象边界时触发。
onmouseover         当用户将鼠标指针移动到对象内时触发。
onmouseup           当用户在鼠标位于对象之上时释放鼠标按钮时触发。
onmousewheel        当鼠标滚轮按钮旋转时触发。
onmove              当对象移动时触发。
onmoveend           当对象停止移动时触发。
onmovestart         当对象开始移动时触发。
onpaste             当用户粘贴数据以便从系统剪贴板向文档传送数据时在目标对象上触发。
onpropertychange    当在对象上发生对象上发生属性更改时触发。
onreadystatechange  当对象状态变更时触发。
onreset             当用户重置表单时触发。
onresize            当对象的大小将要改变时触发。
onresizeend         当用户更改完控件选中区中对象的尺寸时触发。
onresizestart       当用户开始更改控件选中区中对象的尺寸时触发。
onrowenter          触发就表明当前行已经在数据源中更改，对象上有可用的新数据值。
onrowexit           当数据源控件更改对象当前行前触发。
onrowsdelete        当行将要从记录集中被删除时触发。
onrowsinserted      当在当前记录集中插入新行后触发。
onscroll            当用户滚动对象的滚动条时触发。
onselect            当当前选中区改变时触发。
onselectionchange   当文档的选中状态改变时触发。
onselectstart       对象将要被选中时触发。
onstart             在 marquee 对象的每次循环开始时触发。
onstop              当用户单击停止按钮或离开 Web 页面时触发。
onsubmit            当表单将要被提交时触发。
onunload            在对象卸载前立即触发。