HTML: Setting a target window

This entry is part 24 of 34 in the series HTML

By default, a hyperlink opens the referenced page in the same browser tab.

But in some cases you might want the hyperlink to open in a new tab for window.

<!DOCTYPE html>
<head lang='en'>
    <meta charset='UTF-8'>
    <title>Link paths</title>

<a href='' target='_blank'><h2>Ushuaia, South America (blank)</h2></a>

<a href=''><h2>Ushuaia, South America (default)</h2></a>


jQuery: Document.ready vs windows.load

This entry is part 4 of 33 in the series jQuery Tutorial

The ready() event occurs after the HTML document has been loaded, while the load() event occurs later, when all content (e.g. images) also has been loaded.

The load() event is a standard event in the DOM, while the ready() event is specific to jQuery.

The purpose of the ready() event is that it should occur as early as possible after the document has loaded, so that code that adds funcionality to the elements in the page doesn’t have to wait for all content to load.

<!DOCTYPE html>
    <script src=""></script>
        $(document).ready(function() {
            $('#doc').html('Document is ready and loaded');

        $(window).load(function() {
            $('#win').html('Window is ready and loaded');
<h4 id='doc'>Document Not Ready</h4>
<iframe src=""></iframe>
<h4 id='win'>Window Not Ready</h4>

Run the code above and you will find that document will get ready first.

As for window, it will be ready after is loaded inside the frame.

Try The Code