精华内容
下载资源
问答
  • 原文:http://coolketang.com/staticDesign/5a97afa5ee920a788080e25c.html1. 本节课将为您演示,如何将多个对象编组,以及如何取消对象的编组。首先选择文档中的苹果图形。 2. 然后按下键盘上的[Shift]快捷键。 3...

    原文:http://coolketang.com/staticDesign/5a97afa5ee920a788080e25c.html

    1. 本节课将为您演示,如何将多个对象编组,以及如何取消对象的编组。首先选择文档中的苹果图形。 


    2. 然后按下键盘上的[Shift]快捷键。 


    3. 在按下键盘上快捷键的同时,点击苹果上方的叶子图形,以同时选择两个图形。 


    4. 接着依次点击[对象 > 编组]命令,将选择的两个图形进行编组处理。 


    5. 编组命令可以将若干个对象,合并到一个组中,并把这些对象作为一个单元同时进行处理。这样您就可以同时移动或变换若干个对象,且不会影响其属性或相对位置。 


    6. 继续按下键盘上的快捷键。 


    7. 在按下键盘上快捷键的同时,点击自行车图形,以同时选择两个对象。 


    8. 依次点击[对象 > 编组]命令,将选择的三个图形进行编组处理。 


    9. 


    10. 继续按下键盘上的快捷键。 


    11. 在按下键盘上快捷键的同时,框选运动鞋图形,以同时选择多个对象。 


    12. 同时按下键盘上的快捷键,也可以依次点击[对象 > 编组]命令,将选择的对象合并成对象组。 


    13. 将所有对象编组后,就可以方便地同时处理编组内的所有对象了。现在按下键盘上的[Shift]快捷键。 


    14. 在按下键盘上的快捷键的同时,可以等比例缩放整个图形组。 


    15. 然后在文档空白处点击,取消对图形组的选择。 


    16. 接着选择文档中的[苹果]图形。 


    17. 您会发现选中的不仅仅是苹果图形,整个编组内的图形都被选中了。如果想要分离图形组,可以依次点击[对象 > 取消编组]命令。 


    18. 


    19. 在文档空白处点击,取消对图形组的选择。 


    20. 接着选择文档中的[苹果]图形。 


    21. 您会发现苹果图形仍然在一个图形组中,这是因为图形组是可以多层嵌套的。同时按下键盘上的快捷键,继续取消当前的编组。 


    22. 在文档空白处点击,取消对图形组的选择。 


    23. 继续选择文档中的[苹果]图形。 


    24. 现在距离拿到这枚苹果,只剩最后一个包装盒,即图形组了。同时按下键盘上的取消编组快捷键,打开最后一个包装盒,即取消最后一个编组。 


    25. 您终于可以享用苹果了!在文档空白处点击,取消对图形的选择。 


    26. 最后点击键盘上的快捷键,保存最终的结果,并结束本节课程。 




    本文整理自:《Illustrator CC互动教程》,真正的[手把手]教学模式,用最快的速度上手Illustrator,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1005557436,或扫描本页底部的二维码。课程配套素材下载地址:资料下载


     互动教程列表,真正的手把手教学模式,点击或扫码下载:
     Photoshop互动教程 Illustrator CC互动教程 Excel互动教程
     互动教程 for Xcode9&Swift4 Swift4互动教程 iOS开发中的神兵利器
     Photoshop Script互动教程[Ps脚本互动教程]


     


    展开全文
  • Window 对象 Window 对象 Window 对象表示浏览器中打开的窗口。 如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。 ...

    Window 对象

    Window 对象

    Window 对象表示浏览器中打开的窗口

    如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。

    Window 对象集合

    集合 描述
    frames[]

    返回窗口中所有命名的框架。

    该集合是 Window 对象的数组,每个 Window 对象在窗口中含有一个框架或 <iframe>。属性 frames.length 存放数组 frames[] 中含有的元素个数。注意,frames[] 数组中引用的框架可能还包括框架,它们自己也具有 frames[] 数组。

    Window 对象属性

    属性 描述
    closed 返回窗口是否已被关闭。
    defaultStatus 设置或返回窗口状态栏中的默认文本。
    document 对 Document 对象的只读引用。请参阅 Document 对象
    history 对 History 对象的只读引用。请参数 History 对象
    innerheight 返回窗口的文档显示区的高度。
    innerwidth 返回窗口的文档显示区的宽度。
    length 设置或返回窗口中的框架数量。
    location 用于窗口或框架的 Location 对象。请参阅 Location 对象
    name 设置或返回窗口的名称。
    Navigator 对 Navigator 对象的只读引用。请参数 Navigator 对象
    opener 返回对创建此窗口的窗口的引用。
    outerheight 返回窗口的外部高度。
    outerwidth 返回窗口的外部宽度。
    pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。
    pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
    parent 返回父窗口。
    Screen 对 Screen 对象的只读引用。请参数 Screen 对象
    self 返回对当前窗口的引用。等价于 Window 属性。
    status 设置窗口状态栏的文本。
    top 返回最顶层的先辈窗口。
    window window 属性等价于 self 属性,它包含了对窗口自身的引用。
    • screenLeft
    • screenTop
    • screenX
    • screenY
    只读整数。声明了窗口的左上角在屏幕上的的 x 坐标和 y 坐标。IE、Safari 和 Opera 支持 screenLeft 和 screenTop,而 Firefox 和 Safari 支持 screenX 和 screenY。

    Window 对象方法

    方法 描述
    alert() 显示带有一段消息和一个确认按钮的警告框。
    blur() 把键盘焦点从顶层窗口移开。
    clearInterval() 取消由 setInterval() 设置的 timeout。
    clearTimeout() 取消由 setTimeout() 方法设置的 timeout。
    close() 关闭浏览器窗口。
    confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
    createPopup() 创建一个 pop-up 窗口。
    focus() 把键盘焦点给予一个窗口。
    moveBy() 可相对窗口的当前坐标把它移动指定的像素。
    moveTo() 把窗口的左上角移动到一个指定的坐标。
    open() 打开一个新的浏览器窗口或查找一个已命名的窗口。
    print() 打印当前窗口的内容。
    prompt() 显示可提示用户输入的对话框。
    resizeBy() 按照指定的像素调整窗口的大小。
    resizeTo() 把窗口的大小调整到指定的宽度和高度。
    scrollBy() 按照指定的像素值来滚动内容。
    scrollTo() 把内容滚动到指定的坐标。
    setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式。
    setTimeout() 在指定的毫秒数后调用函数或计算表达式。

    Window 对象描述

    Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中,Window 对象是全局对象,所有的表达式都在当前的环境中计算。也就是说,要引用当前窗口根本不需要特殊的语法,可以把那个窗口的属性作为全局变量来使用。例如,可以只写 document,而不必写 window.document。

    同样,可以把当前窗口对象的方法当作函数来使用,如只写 alert(),而不必写 Window.alert()。

    除了上面列出的属性和方法,Window 对象还实现了核心 JavaScript 所定义的所有全局属性和方法。

    Window 对象的 window 属性和 self 属性引用的都是它自己。当你想明确地引用当前窗口,而不仅仅是隐式地引用它时,可以使用这两个属性。除了这两个属性之外,parent 属性、top 属性以及 frame[] 数组都引用了与当前 Window 对象相关的其他 Window 对象。


    HTML DOM Document 对象

    Document 对象

    每个载入浏览器的 HTML 文档都会成为 Document 对象。

    Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问

    提示:Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问。

    Document 对象集合

    集合 描述
    all[] 提供对文档中所有 HTML 元素的访问。
    anchors[] 返回对文档中所有 Anchor 对象的引用。
    applets 返回对文档中所有 Applet 对象的引用。
    forms[] 返回对文档中所有 Form 对象引用。
    images[] 返回对文档中所有 Image 对象引用。
    links[] 返回对文档中所有 Area 和 Link 对象引用。

    Document 对象属性

    属性 描述
    body

    提供对 <body> 元素的直接访问。

    对于定义了框架集的文档,该属性引用最外层的 <frameset>。

    cookie 设置或返回与当前文档有关的所有 cookie。
    domain 返回当前文档的域名。
    lastModified 返回文档被最后修改的日期和时间。
    referrer 返回载入当前文档的文档的 URL。
    title 返回当前文档的标题。
    URL 返回当前文档的 URL。

    Document 对象方法

    方法 描述
    close() 关闭用 document.open() 方法打开的输出流,并显示选定的数据。
    getElementById() 返回对拥有指定 id 的第一个对象的引用。
    getElementsByName() 返回带有指定名称的对象集合。
    getElementsByTagName() 返回带有指定标签名的对象集合。
    open() 打开一个流,以收集来自任何 document.write() 或 document.writeln() 方法的输出。
    write() 向文档写 HTML 表达式 或 JavaScript 代码。
    writeln() 等同于 write() 方法,不同的是在每个表达式之后写一个换行符。


    History 对象

    History 对象

    History 对象包含用户(在浏览器窗口中)访问过的 URL。

    History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问。


    History 对象属性

    属性 描述
    length 返回浏览器历史列表中的 URL 数量。

    History 对象方法

    方法 描述
    back() 加载 history 列表中的前一个 URL。
    forward() 加载 history 列表中的下一个 URL。
    go() 加载 history 列表中的某个具体页面。

    History 对象描述

    History 对象最初设计来表示窗口的浏览历史。但出于隐私方面的原因,History 对象不再允许脚本访问已经访问过的实际 URL。唯一保持使用的功能只有 back()forward() 和 go() 方法。



    Location 对象

    Location 对象

    Location 对象包含有关当前 URL 的信息。

    Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。


    Location 对象属性

    属性 描述
    hash 设置或返回从井号 (#) 开始的 URL(锚)。
    host 设置或返回主机名和当前 URL 的端口号。
    hostname 设置或返回当前 URL 的主机名。
    href 设置或返回完整的 URL。
    pathname 设置或返回当前 URL 的路径部分。
    port 设置或返回当前 URL 的端口号。
    protocol 设置或返回当前 URL 的协议。
    search 设置或返回从问号 (?) 开始的 URL(查询部分)。

    Location 对象方法

    属性 描述
    assign() 加载新的文档。
    reload() 重新加载当前文档。
    replace() 用新的文档替换当前文档。


    Location 对象描述

    Location 对象存储在 Window 对象的 Location 属性中,表示那个窗口中当前显示的文档的 Web 地址。它的 href 属性存放的是文档的完整 URL,其他属性则分别描述了 URL 的各个部分。这些属性与 Anchor 对象(或 Area 对象)的 URL 属性非常相似。当一个 Location 对象被转换成字符串,href 属性的值被返回。这意味着你可以使用表达式 location 来替代 location.href。

    不过 Anchor 对象表示的是文档中的超链接,Location 对象表示的却是浏览器当前显示的文档的 URL(或位置)。但是 Location 对象所能做的远远不止这些,它还能控制浏览器显示的文档的位置。如果把一个含有 URL 的字符串赋予 Location 对象或它的 href 属性,浏览器就会把新的 URL 所指的文档装载进来,并显示出来。

    除了设置 location 或 location.href 用完整的 URL 替换当前的 URL 之外,还可以修改部分 URL,只需要给 Location 对象的其他属性赋值即可。这样做就会创建新的 URL,其中的一部分与原来的 URL 不同,浏览器会将它装载并显示出来。例如,假设设置了Location对象的 hash 属性,那么浏览器就会转移到当前文档中的一个指定的位置。同样,如果设置了 search 属性,那么浏览器就会重新装载附加了新的查询字符串的 URL。

    除了 URL 属性外,Location 对象的 reload() 方法可以重新装载当前文档,replace() 可以装载一个新文档而无须为它创建一个新的历史记录,也就是说,在浏览器的历史列表中,新文档将替换当前文档。



    Navigator 对象

    Navigator 对象

    Navigator 对象包含有关浏览器的信息。

    Navigator 对象集合

    集合 描述
    plugins[]

    返回对文档中所有嵌入式对象的引用。

    该集合是一个 Plugin 对象的数组,其中的元素代表浏览器已经安装的插件。Plug-in 对象提供的是有关插件的信息,其中包括它所支持的 MIME 类型的列表。

    虽然 plugins[] 数组是由 IE 4 定义的,但是在 IE 4 中它却总是空的,因为 IE 4 不支持插件和 Plugin 对象。

    Navigator 对象属性

    属性 描述
    appCodeName 返回浏览器的代码名。
    appMinorVersion 返回浏览器的次级版本。
    appName 返回浏览器的名称。
    appVersion 返回浏览器的平台和版本信息。
    browserLanguage 返回当前浏览器的语言。
    cookieEnabled 返回指明浏览器中是否启用 cookie 的布尔值。
    cpuClass 返回浏览器系统的 CPU 等级。
    onLine 返回指明系统是否处于脱机模式的布尔值。
    platform 返回运行浏览器的操作系统平台。
    systemLanguage 返回 OS 使用的默认语言。
    userAgent 返回由客户机发送服务器的 user-agent 头部的值。
    userLanguage 返回 OS 的自然语言设置。

    Navigator 对象方法

    方法 描述
    javaEnabled() 规定浏览器是否启用 Java。
    taintEnabled() 规定浏览器是否启用数据污点 (data tainting)。


    Navigator 对象描述

    Navigator 对象包含的属性描述了正在使用的浏览器。可以使用这些属性进行平台专用的配置。

    虽然这个对象的名称显而易见的是 Netscape 的 Navigator 浏览器,但其他实现了 JavaScript 的浏览器也支持这个对象。

    Navigator 对象的实例是唯一的,可以用 Window 对象的 navigator 属性来引用它。



    Screen 对象

    Screen 对象

    Screen 对象包含有关客户端显示屏幕的信息。

    Screen 对象属性

    属性 描述
    availHeight 返回显示屏幕的高度 (除 Windows 任务栏之外)。
    availWidth 返回显示屏幕的宽度 (除 Windows 任务栏之外)。
    bufferDepth 设置或返回调色板的比特深度。
    colorDepth 返回目标设备或缓冲器上的调色板的比特深度。
    deviceXDPI 返回显示屏幕的每英寸水平点数。
    deviceYDPI 返回显示屏幕的每英寸垂直点数。
    fontSmoothingEnabled 返回用户是否在显示控制面板中启用了字体平滑。
    height 返回显示屏幕的高度。
    logicalXDPI 返回显示屏幕每英寸的水平方向的常规点数。
    logicalYDPI 返回显示屏幕每英寸的垂直方向的常规点数。
    pixelDepth 返回显示屏幕的颜色分辨率(比特每像素)。
    updateInterval 设置或返回屏幕的刷新率。
    width 返回显示器屏幕的宽度。

    Screen 对象描述

    每个 Window 对象的 screen 属性都引用一个 Screen 对象。Screen 对象中存放着有关显示浏览器屏幕的信息。JavaScript 程序将利用这些信息来优化它们的输出,以达到用户的显示要求。例如,一个程序可以根据显示器的尺寸选择使用大图像还是使用小图像,它还可以根据显示器的颜色深度选择使用 16 位色还是使用 8 位色的图形。另外,JavaScript 程序还能根据有关屏幕尺寸的信息将新的浏览器窗口定位在屏幕中间。




    转自w3school

    展开全文
  • DOM对象和内置对象(上)

    千次阅读 2015-09-04 19:34:33
    在第一篇博客《了解JavaScript》中已经介绍了DOM及DOM树里顶端对象window,还有它的一个子对象 document。接下来会接受它们的一些实用的对象和方法,如: 1、alert()、prompt()和confirm()与用户交互。 2、...

    前言


    在第一篇博客《了解JavaScript》中已经介绍了DOM及DOM树里顶端对象window,还有它的一个子对象


    document。接下来会介绍它们的一些实用的对象和方法,如:


    1、alert()、prompt()和confirm()与用户交互。


    2、利用getElementById()选择页面元素。


    3、使用innerHTML()访问HTML内容。


    4、使用浏览器的history对象。


    5、通过navigator对象获得浏览器信息。


    6、利用Date对象操作日期和时间。


    7、利用Math对象简化计算。


    .1 与用户交互


    在window对象的方法中,有一些是专门用于处理输入与输出信息时,从而实现页面与用户的交互。


    1.1    alert()


    alert()在前面的博客中已经出现了很多次了,它主要向用户弹出一个信息对话框,但这种模态对话框只是显示一


    些消息和一个”确定“按钮。


    注意:术语”模态“意味着脚本暂时停止运行,页面与用户交互也被暂停,直到用户关闭对话框为止。


    alert()的用法如下范例:


    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script>
            function showAlert(){
                alert("Hello JavaScript");
            }
        </script>
    </head>
    <body>
        <input type="button" value="ShowAlert" οnclick="showAlert()"/>
    </body>
    </html>


    效果如下:





    1.2    confirm()


    与alert()方法相同的是,confirm()也弹出一个模态对话框,向用户显示一些信息。不同的是,confirm()对话框为


    用户提供了一个选择,可以点击”确定“或”取消“按钮,而不只是一个”确定“按钮。点击任意一个按钮都会关闭对话框,


    让脚本继续执行,但根据哪个按钮被单机,confirm()方法返回不同的值。如以下范例:


    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script>
            function showConfirm(){
                return confirm("是否继续?");
            }
        </script>
    </head>
    <body>
        <input type="button" value="继续" οnclick="document.write(showConfirm())"/>
    </body>
    </html>

    以上代码通过点击按钮调用showConfirm()方法,返回了点击按钮的状态,点击”确定“返回true,点击”取消“返回


    false,并通过document.write()方法写入到页面中去。


    效果如下:





    1.3    prompt()

    prompt()是打开模态对话框的另一种方式,它允许用户输入信息。prompt()对话框的调用方式与confirm()是一样


    的。prompt()方法还可以有第二个可选参数,表示默认的输入内容,从而避免用户之间点击”确定“按钮而不输入任何


    内容。如以下范例:


    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script>
            function showPrompt(){
                return prompt("请输入姓名","null");
            }
        </script>
    </head>
    <body>
        <input type="button" value="编辑" οnclick="document.write(showPrompt())"/>
    </body>
    </html>


    效果如下:






    .2 根据id选择元素


    如果想从HTML页面里选择某个特定id的元素,我们只需要把相应元素的id作为参数来调用document对象的


    getElementById()方法,它就会返回特定id的页面元素所对应的DOM对象,如以下范例:


    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script>
            function getInputId(id){
                var inputId=document.getElementById(id);
                return inputId.value+"</br>"+inputId.id+"</br>"+inputId.type+"</br>";
            }
        </script>
    </head>
    <body>
        <input id="button_1" type="button" value="编辑" οnclick="document.write(getInputId('button_1'))"/>
    </body>
    </html>


    以上代码通过document对象的getElementById()方法获取id为"button_1"的input对象,并通过自定义函数


    getInputId(id)获取input对象的value、id、type属性。(</br>是换行的意思


    效果如下:





    innerHTML属性


    innerHTML属性对于很多DOM对象来说都是一个很好用的属性,可以读取或设置特定页面元素内部的HTML内


    容,如以下范例:


    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script>
            function setInnerHTML(id){
                document.getElementById(id).innerHTML="<p>改变了内容</p>";
            }
            function getInnerHTML(id){
                var inputInner=document.getElementById(id).innerHTML;
                return inputInner;
            }
        </script>
    </head>
    <body>
        <div id="div_id">
            <p>
                DIV元素:是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。
                DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,
                其中所包含元素的特性由DIV标签的属性来控制,
                或者是通过使用样式表格式化这个块来进行控制。
            </p>
            <h5>
                DIV标签称为区隔标记。
                作用:设定字、画、表格等的摆放位置。当你把文字、图象,
                或其他的放在 DIV 中,它可称作为“DIV block”,
                或“DIV element”或“CSS-layer”,或干脆叫“layer”。
                而中文我们把它称作“层次”。
            </h5>
        </div>
        <input id="button_1" type="button" value="编辑" οnclick="setInnerHTML('div_id')"/>
        <input id="button_2" type="button" value="显示" οnclick="document.write(getInnerHTML('div_id'))"/>
    </body>
    </html>

    以上程序,我们设置了两个按钮,分别是”编辑“和”显示“。


    1、通过点击”编辑“按钮,调用setInnerHTML('div_id')方法,通过:


    document.getElementById(id).innerHTML="<p>改变了内容</p>";
    
    

    通过documen.getElementById(id)方法获取id为‘div_id’的div对象,再通过innerHTML设置选定元素的内容。


    2、通过点击“显示”按钮,调用getInnerHTML('div_id')方法,通过innerHTML获取<div>元素里的HTML内容。


    效果如下:







    -------------------------------------------------------------------------------------------------------------------------------------------------------

    转载请注明出处:http://blog.csdn.net/hai_qing_xu_kong/article/details/48210607情绪控




    展开全文
  • BOM(浏览器对象模型)对象总结

    千次阅读 2017-06-29 20:20:35
    1.window对象BOM的核心对象是window,它表示浏览器的一个实例,它也是ECMAScript规定的Globle对象,也就是说网页中任何一个对象都是在window这个对象里面的。如果有用到框架(frameset),那么每个框架都有自己的...

    1.window对象

    BOM的核心对象是window,它表示浏览器的一个实例,它也是ECMAScript规定的Globle对象,也就是说网页中任何一个对象都是在window这个对象里面的。如果有用到框架(frameset),那么每个框架都有自己的window对象.
    如下例子:

    var  a = "666";
    
    aler(a);  //666
    alert(window.a)  //666

    两条alert都是弹出相同的结果。

    Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中,Window 对象是全局对象,所有的表达式都在当前的环境中计算。也就是说,要引用当前窗口根本不需要特殊的语法,可以把那个窗口的属性作为全局变量来使用。例如,可以只写document,而不必写 window.document,同样,可以把当前窗口对象的方法当作函数来使用,如只写 alert(),而不必写 Window.alert()
         window 对象常用方法
           1、alert()   显示带有一段消息和一个确认按钮的警告框
           2、setTimeout(code,millisec)  //  指定millisec时间后执行一次code,这个最常用在写时钟
                clearTimeout(id)  //  停止执行setTimeout 所调用的方法
           3、setInterval(code,millisec) //  周期性执行调用code代码串  返回一个clearInterval() 从而取消对 code 的周期性执行的值。
                clearInterval(id)  //clearInterval() 方法可取消由 setInterval() 设置的 timeout         
    
          <html xmlns="http://www.w3.org/1999/xhtml">  
                <head>  
                <script language="javascript" type="text/javascript">  
                 var cid=self.setInterval("clock()",50)  
                 function clock(){  
                   document.getElementById("btn").value=new Date;  
                 }  
                </script>  
                </head>  
                <body>  
                <input id="btn" type="button" name="test" onclick="clearInterval(cid)">  
                </body>  
                </html> 
        4、closed()   关闭浏览器窗口
            5、moveBy(x,y)   把窗口右移x像素 下移y像素
            6、moveTop(x,y)       把窗口左上角移动到制定位置
    
                <html xmlns="http://www.w3.org/1999/xhtml">  
                <head>  
                <script language="javascript" type="text/javascript">  
                var win = window.open("http://www.baidu.com","新窗口","width:500,height:300");  
                 function move(){  
                  win.moveBy(50,50);  
                 }  
                </script>  
                </head>  
                <body>  
                <input id="btn" type="button" name="test" value="移动" onclick="move()">  
                </body>  
                </html>  
    7、open(URL,name,features)  用于打开一个新的浏览器窗口或查找一个已命名的窗口,URL为打开地址,name窗口名称, features属性值:
    
    
    8、print() 方法用于打印当前窗口的内容,调用本地打印设备
    

    2.location对象

    提供了与当前窗口中加载的文档有关的信息,还有一些导航功能,值得注意的是location既是window对象的属性,又是document对象的属性,既window.location和document.location 引用的是同一个对象。

    比较实用的方法是location.assign();

    window.location = "http://www.666.com";    //页面跳转到该网址
    location.href = "http://www.666.com";      //页面跳转到该网址
    location.assign("http://www.666.com");     //页面跳转到该网址

    前两种方法其实底层也是调用了location.assign(),即三者结果是一样的。
    注:这三种方法跳转之后可以通过后退按钮返回到跳转之前的页面。

    location.replace("http://www.666.com");   //页面跳转到该网址,跳转之后不可返回前一页面

    3.navigator对象

    该对象里面保存着浏览器的各种信息,判断浏览器的各种信息就是从该对象里的属性来读取,具体属性如下图:
    这里写图片描述
    cookicEnablcd:判断是否启用cookic
    userAgent:判断浏览器的名称和版本号
    plugins:保存浏览器中所有插件信息的集合

    4.screen对象

    目前没遇到用screen对象的场景,所以就不在此介绍。如果有什么神奇的作用还请大腿评论告知。

    5.history对象

    该对象保存着用户上网的历史记录,从窗口被打开的那一刻算起。出于安全考虑,开发人员不能知道用户浏览过的网址的具体url,但是我们可以通过下面方法在不知道具体历史url的情况下控制用户页面前进或后退。

    history.go(-1);   //页面后退一页
    history.go(1);    //页面前进一页
    history.go(0):刷新
     <a href="javascript:history.go(1);">前进一次</a>
    history.go("666");   //跳转到距当前页面最近的包含666字符串的页面,可能前进可能后退。
    
    //下面这两个方法对应history.go()的前进和后退。
    history.back(1);  //后退一页
    history.forward(1)  //前进一页
    展开全文
  • JavaScript之DOM对象和内置对象

    千次阅读 2015-10-22 21:47:04
    1. window 和document 对象 浏览器每次加载和显示页面时,都在内存里创建页面及其全部元素的一个内部表示体系,也就是DOM。在DOM 里,页面的元素具有一个逻辑化、层级化的结构,就像一个由父对象和子对象组成的树形...
  • js中事件对象event

    千次阅读 多人点赞 2018-03-06 16:40:10
    Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 事件通常与函数结合使用,函数不会在事件发生前被执行! 当一个事件发生的时候,和当前这个对象发生的这个...
  • 添加对象对象仓库的三种方法

    千次阅读 2015-06-16 09:35:44
    (2)通过补录操作获取对象的具体操作为,在已经录制保存的脚本KeywordView视图中,先依此单击""-->""菜单项,详见如下3张图所示,先取消自动启动被测系统设置,改为手动启动被测系统设置, 然后单击代码最后一...
  • 又到了翻笔记找知识点的时候啦,这片博文主要阐述九大内置对象以及各自的用法。...按照功能划分:输出输入对象:request对象、response对象、out对象通信控制对象:pageContext对象、session对象、app...
  • JSP九大内置对象,七大动作,三大指令

    万次阅读 多人点赞 2017-03-21 02:51:59
    JSP之九大内置对象 隐藏对象入门探索 Servlet 和JSP中输出数据都需要使用out对象。Servlet 中的out对象是通过getWriter()方法获取的。而JSP中没有定义out对象却可以直接使用。这是因为out是JSO的内置隐藏对象。...
  • js中WINDOW对象

    千次阅读 2017-09-27 18:28:57
    js系列教程6-BOM操作全解js中WINDOW对象BOM的核心是window,而window对象又具有双重角色,它既是通过js访问浏览器窗口的一个接口,又是一个Global(全局)对象。这意味着在网页中定义的任何对象,变量和函数,都以...
  • [js点滴]JavaScript事件Event对象03

    千次阅读 2016-11-13 14:22:33
    Event对象事件发生以后,会生成一个事件对象,作为参数传给监听函数。浏览器原生提供一个Event对象,所有的事件都是这个对象的实例,或者说继承了Event.prototype对象。Event对象本身就是一个构造函数,可以用来生成...
  • 响应者对象

    千次阅读 2013-09-18 16:29:45
    响应者对象: 响应者对象是一个能接收并处理时间的对象,UIResponser 是所有响应者对象的基类该基类定义了一系列事件处理的相关方法,如触摸事件,button点击事件等UIApplication,UIView,UIViewController 都是...
  • javascript之window对象

    千次阅读 2014-12-10 08:51:50
    设置对象为当前对象而不将对象置为焦点。 setInterval   每经过指定毫秒值后计算一个表达式。 setTimeout   经过指定毫秒值后计算一个表达式。 clearInterval   使用 setInterval ...
  • 内置对象: JavaScript 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性和方法。 对象的属性:反映该对象某些特定的性质的,如:字符串的长度、图像的长宽等; 对象的方法:能够在对象上...
  • TextRange对象与Range对象的使用

    千次阅读 2012-11-25 18:01:27
    今天看到对TextRang对象和Range对象的说明,写的不错,可惜文中的举例的html代码格式太乱,很难阅读,这里整理下,方便以后的阅读。...TextRange对象是在HTML文档将要显示的文本流上建立开始和结束位置的抽
  • JavaScript进阶学习——浏览器对象

    千次阅读 2016-11-04 15:06:26
    浏览器对象 1window对象 2JavaScript计时器 3计时器setInterval 4取消计时器clearInterval 5计时器setTimeout 6取消计时器clearTimeout 7History对象 8返回前一个浏览的页面 9返回下一个浏览的页面 10返回浏览历史中...
  • [jQuery知识]jQuery之知识八-事件对象

    千次阅读 2016-12-07 22:51:20
    事件对象事件对象就是 event 对象,通过处理函数默认传递接受。之前处理函数的 e 就是 event 事件对象,event 对象有很多可用的属性和方法,我们在 JavaScript 课程中已经详细的了解 过这些常用的属性和方法,这里,...
  • JavaScript浏览器对象之一Window对象

    千次阅读 2012-12-21 15:26:57
    JavaScript提供了一组以window为核心的对象,实现了对浏览器窗口的访问控制。JavaScript中定义了6种重要的对象: window对象 表示浏览器中打开的窗口;document对象 表示浏览器中加载页面的文档对象;...
  • 文章目录事件传统方式addEventListener常见的事件对象得属性和方法返回触发事件的对象e.target 返回的是触发事件得对象(元素)this 返回的是绑定事件得对象(元素)扩展 this 有个非常相似的属性 currentTarget 在IE678...
  • Javascript Browser Window对象方法详解

    千次阅读 2016-07-12 22:55:37
    Window 对象 Window 对象表示浏览器中打开的窗口。 如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。 注释:没有应用于 ...
  • JS对象之Table表格对象

    千次阅读 2013-01-25 16:00:20
    转自:http://chbin95233.blog.163.com/blog/static/32075111200991395943689/ ...Table对象集合 Table对象:表示HTML文档中的表,对于文档中每个标记,浏览器都创建一个Table对象.
  • 索引ObjectPool模块简介使用ObjectPool注册对象池生成对象回收对象取消注册对象池销毁对象池 ObjectPool模块简介 ObjectPool是专用于GameObject类型的对象池,可以复用任意GameObject对象,以达到减少系统在频繁...
  • java对象头信息

    千次阅读 多人点赞 2019-09-02 14:27:14
    1. 一个java对象到底占用了多少内存空间,应该如何计算? 2. 为什么在jdk1.6后,synchronized关键字性能有所提高,为什么会提高?并且很多文章中都说synchronized锁有偏向锁、轻量锁、重量锁等状态? 3. java对象...
  • 理解Range对象

    千次阅读 2019-07-02 19:43:56
    1.理解Range对象 重新来学习下HTML5中的Range对象和Selection对象,最近在维护富文本编辑器,感觉这方面的知识点很有用,所以趁着周末多学习下~ 什么是Range对象? 在HTML5中,一个Range对象代表页面上的一段连续...
  • ADO Connection 对象

    千次阅读 热门讨论 2013-08-05 09:59:34
    ADO Connection 对象用于创建一个到达某个数据源的开放连接,通过此连接,可以对一个数据进行访问和操作   属性  Attributes:设置或返回Connection对象的属性  CommandTimeout:指示在终止尝试和产生错误之前...
  • 从Application对象中引用对象

    千次阅读 2009-08-04 10:17:00
    本文以MSDN中的技术文章《Developers Guide to the Excel 2007 Application Object》为线条,参考了一系列相关技术文章和图书资料,全面整理和总结了Application对象应用知识。Application对象是Excel对象模型中最高...
  • Java实现面向对象编程

    万次阅读 2018-07-17 16:18:06
    1.1用面向对象设计电子宠物系统... 14 1.1.1为什么使用面向对象... 14 1.1.2使用面向对象进行设计... 15 1.2通过创建对象实现领养宠物功能... 17 1.2.1创建类的对象... 17 1.2.2构造方法及其重载... 23 1.2.3...
  • JSP内置对象使用大全 1.request对象 客户端的请求信息被封装在request对象中,通过它才能了解到客户的需求,然后做出响应。它是HttpServletRequest类的实例。 序号 方 法 说 明 1 object getAttribute(Stri
  • Range对象介绍

    千次阅读 2016-05-16 00:53:43
    Range对象 Selection对象 代表用户鼠标在页面中所选取的区域。每一个浏览器窗口中都有一个selection对象。创建:var selection = document.getSelection(); Range对象 代表用户所选取的一段连续区域...
  • JS Event对象详解

    千次阅读 2018-02-11 23:45:30
    Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。一旦事件发生,便会生成Event对象,如单击一个按钮,浏览器的内存中就产生相应的 event对象。 事件通常与函数...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 191,609
精华内容 76,643
关键字:

对象位置如何取消