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