JavaScript Browser Object Model Tutorial Videos for Beginner - PowerPoint PPT Presentation

About This Presentation
Title:

JavaScript Browser Object Model Tutorial Videos for Beginner

Description:

catch Experts providing JavaScript BOM Tutorial, in which you could learn the browser object model and various types of Browser Object Model thoroughly.catch experts provides best online, videos and classroom training institutes for JavaScript and many more courses – PowerPoint PPT presentation

Number of Views:109

less

Transcript and Presenter's Notes

Title: JavaScript Browser Object Model Tutorial Videos for Beginner


1
CATCH EXPERTS
https//www.catchexperts.com
http//www.courseing.com
2
JavaScript Browser Objects Tutorial Videos for
Beginner by
3
Highlights
  • Browser object Model
  • Window Object
  • Navigator Object
  • Location Object
  • History Object
  • Screen Object

4
Browser object Model
  • BOM is a browser specific way of referring to all
    the objects
  • Allows JavaScript to communicate with the
    browser.
  • No strict rules are defined for BOM
  • Easy to implement.
  • It is a collection of browser objects. They are
    window object, navigator object , location
    object, history object , screen object.

5
Window Object
  • Represents an open window in a browser.
  • When ever we use frames tags(ltiframegt) in the web
    pages, the browser creates one window object for
    the HTML document.
  • Every Window object have properties and methods.
  • Closed, frameElement, frames, history, length,
    location, name, opener, navigator are some
    properties of window object.
  • Alert(), blur(), close(), confirm(), focus(),
    open(), print(), prompt(), scroll(), stop() are
    some methods of window object.

6
Navigator Object
  • It maintains information about the browser.
  • It automatically produced by the JavaScript
    runtime engine.
  • Represents the status and the individuality of
    the users.
  • Allows scripts to query it and to register
    themselves to carry on some activities.
  • appCodeName, appName, appVersion, language,
    onLine, platform, userAgent are some properties.
  • javaEnabled(), taintEnabled() are the methods of
    navigator object.

7
Location Object
  • Maintains information about the site URLs.
  • It is a part of the window object
  • Accessed through the window.location and
    Document.location properties.
  • Its interface represents the location (URL) of
    the object it is linked to.
  • hash, host, hostname, href, origin, pathname,
    port, protocol, search are the properties.
  • assign(), reload(), replace are the methods.

8
History Object
  • Maintains the collection of URLs visited by the
    user in a browser window.
  • Part of the window object.
  • Accessed through the window.history and
    property.
  • Using this object, you can access previously
    visited, forward or any particular page in
    browsers. Ex history.back() for previous page an
    d history.forward() for next page .
  • It has one property i.e. length and three
    methods back(), go(), forward().

9
Screen Object
  • Maintains information about the visitor's screen.
  • Returns a reference to the screen object linked
    with the window.
  • Uses to display screen width, height, color,
    pixel.
  • Accessed by window.screen property.
  • Width, height, availWidth, availHeight,
    colorDepth, pixelDepth are the properties of
    screen object and doesnt have any methods.

10
Feedback
Like It ? Hate It?
We would love to hear from you whatever you think
about the course.
Click HERE to share what you think!
11
Thank you
Thank You for Watching JavaScript Browser
Objects Tutorial Videos for Beginner by
http//www.courseing.com
Write a Comment
User Comments (0)
About PowerShow.com