• 技术文章 >web前端 >js教程

    javascript对象有哪些

    青灯夜游青灯夜游2021-03-31 17:41:17原创98

    javascript对象有:String、Number、Boolean、Array、Date、RegExp、Math、Error、Object、Function、Global、Window和用户自定义对象。

    本教程操作环境:windows7系统、ECMAScript 5版、Dell G3电脑。

    1、JavaScript内置对象:

    指JavaScript语言本身预定义的对象,在ECMAScript标准定义,由所有的浏览器厂家来提供具体实现,由于标准的统一,故这些对象的浏览器兼容性问题不太大

    String、Number、Boolean、Array、Date、RegExp、Math、Error、Object、Function、Global

    2、JavaScript Window - 浏览器对象:

    浏览器对象模型(Browser Object Model (BOM))允许 JavaScript 与浏览器对话。

    不存在浏览器对象模型(BOM)的官方标准。现代的浏览器已经(几乎)实现了 JavaScript 交互相同的方法和属性,因此它经常作为 BOM 的方法和属性被提到。

    由于现代浏览器已经(几乎)实现了 JavaScript 交互性方面的相同方法和属性,因此常被认为是 BOM 的方法和属性。【推荐学习:js基础教程

    Window 对象:

    所有浏览器都支持 window 对象。它表示浏览器窗口。

    1)、window 对象是最顶层的对象;

    2)、window 对象有6大属性,包括:document、frames、history、location、navigator、screen,这6大属性本身也是对象;

    3)、window 对象下的 document 属性也是对象,并且 document 下也有5大属性(anchors、forms、images、links、location)也是对象。

    Window 对象属性:

    属性描述
    closed返回窗口是否已被关闭。
    defaultStatus设置或返回窗口状态栏中的默认文本。
    document对 Document 对象的只读引用。
    history对 History 对象的只读引用。
    innerheight返回窗口的文档显示区的高度。
    innerwidth返回窗口的文档显示区的宽度。
    length设置或返回窗口中的框架数量。
    location用于窗口或框架的 Location 对象。
    name设置或返回窗口的名称。
    Navigator对 Navigator 对象的只读引用。
    opener返回对创建此窗口的窗口的引用。
    outerheight返回窗口的外部高度。
    pageXOffset设置或返回当前页面相对于窗口显示区左上角的 X 位置。
    pageYOffset设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
    parent返回父窗口。
    Screen对 Screen 对象的只读引用。
    self返回对当前窗口的引用。等价于 Window 属性。
    status设置窗口状态栏的文本。
    top返回最顶层的先辈窗口。
    windowwindow 属性等价于 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()在指定的毫秒数后调用函数或计算表达式。

    3、JavaScript自定义对象:

    通过JavaScript,您能够定义并创建自己的对象。

    创建新对象有两种不同的方法:

    定义并创建对象的实例

    使用函数来定义对象,然后创建新的对象实例

    创建一个自定义对象:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>HTML中文网/title>
    </head>
    <body>
    <script>
    var person=new Object();
    person.firstname="John";
    person.lastname="Doe";
    person.age=50;
    person.eyecolor="blue"; 
    document.write(person.firstname + " is " + person.age + " years old.");
    </script>
    </body>
    </html>

    更多编程相关知识,请访问:编程视频!!

    以上就是javascript对象有哪些的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript对象
    上一篇:javascript清除数组的方法有哪些 下一篇:javascript对象的定义方法有哪些
    第15期线上培训班

    相关文章推荐

    • javascript如何修改div内容• javascript如何输出三角形• javascript是一门什么样的语言• JavaScript字符串如何替换元素• javascript清除数组的方法有哪些

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网