zoukankan      html  css  js  c++  java
  • JavaScript 入门基础 (六)


    Document对象



    6.1使用Document对象

    属性和方法

    属性

    功能说明

    title

    表示文档的标题

    bgColor

    表示文档的背景色

    fgColor

    表示文档的前景色

    alinkColor

    表示激活链接的颜色

    linkColor

    表示链接的颜色

    vlinkColor

    表示已经浏览过的链接的颜色

    URL

    表示文档对应的URL

    domain

    表示提供文档的服务器域

    lastModified

    表示文档最后修改的时间

    cookie

    表示文档中的所有HTML标记符的数组

    applets

    表示文档中所有applets的信息,每一个applet都是这个数组中的一个元素

    anchors

    表示文档中所有的(带NAME属性的超级链接)(锚)的数组

    forms

    表示文档中所有的表单信息,每一个表单都是这个数组的一个元素

    images

    表示文档中所有的图像信息,每一个图像都是这个数组的一个元素

    links

    表示文档中所有的超级链接信息,每一个超级链接都是这个数组的一个元素

    referrer

    表示链接到当前文档的URL

    embeds

    表示文档中所有的嵌入对象的信息,每一个嵌入对象都是这个数组的一个元素

     

    方法

    功能说明

    close()

    关闭文档的输出流,将后续的未被显示到窗口中的内容显示到窗口中

    open([mimeType])

    使用指定的MIME类型为窗口打开一个输出流,将write()和writeln()的结果写入其中

    write()

    向文档中写入文本

    writeln()

    向文档中写入文本,并自动换行

     

    访问和处理文档

    <html>

    <head>

    <title>编写JavaScript脚本</title>

    </head>

    <scriptlanguage="JavaScript">                                //JavaScript脚本标注

    document.writeln("<pre><h3>在页面上显示信息并换行</h3></pre>");//输出信息并换行

    document.write("<h3>在页面上显示信息</h3>");

    </script>

    </html>

     

    PRE标签的作用是将HTML中的换行字符显示出来,否则HTML将忽略换行

     

    6.2 JavaScript事件模型

    事件句柄

    on事件名=事件处理函数(或JavaScript语句)

    on事件名="JavaScript语句"

    通过对象指定事件处理过程

    1、如果事件处理过程是事件处理函数,则要在<script>标记块中定义该函数,这个<script>标记块最好放在<head>标记块间,使页面装载时一起被装载进来

    2、通过特定对象指定事件处理过程的代码也是放在<script>块中的

    Event对象简介

    属性

    功能说明

    altKey

    当Alt键按下时为真

    ctrlKey

    当Ctrl键按下时为真

    shiftKey

    当Shift键按下时为真

    button

    事件发生时按下的鼠标键(0表示未按任何键,1表示按下鼠标左键,2表示按下鼠标右键,……)

    cancelBubble

    表示取消或启用事件发生,对应值为真或假

    clientX

    鼠标光标相对于事件所在窗口的客户区域的水平坐标

    clientY

    鼠标光标相对于事件所在对象的垂直坐标

    keyCode

    与所按下的键相关的Unicode代码

    offsetX

    鼠标光标相对于事件所在对象的水平坐标

    offsetY

    鼠标光标相对于事件所在对象的垂直坐标

    reason

    表示数据源对象的数据传输状态

    rerurnValue

    表示从事件中返回的值(true或false)

    screenX

    鼠标光标相对于用户屏幕的水平坐标

    screenY

    鼠标光标相对于用户屏幕的垂直坐标

    fromElement

    表示被移动的元素

    srcElement

    表示触发事件的对象

    srcFilter

    表示导致onfilterchange事件触发的过滤器对象

    toElement

    表示正在想其移动的元素

    type

    以字符串形式返回事件对象中的事件名称

    x

    鼠标光标相对于事件所在的文档的水平距离

    y

    鼠标光标相对于事件所在的文档的垂直距离

    6.3常用事件

    Click Dblclick

    MouseDownMouseUp

    MouseOverMouseOut MouseMove

    KeyDownKeyPressKeyUp

    LoadUnLoad

    FocusBlur

    SubmitReset

    ChangeSelect

    MoveDragDropResize

    Error Abort

  • 相关阅读:
    这难道就是一个普通人的一生???
    【纪念】纪念随笔数上3位数
    【移动端】js禁止页面滑动与允许滑动
    【react懒加载组件】--react-lazyload
    ES6知识整理(7)--Set和Map数据结构
    Hibernate检索策略
    Hibernate HQL多表查询
    Hibernate各种查询操作(二)
    Hibernate各种查询操作(一)
    Hibernate多对多操作
  • 原文地址:https://www.cnblogs.com/zs234/p/3233367.html
Copyright © 2011-2022 走看看