Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
    <title>Browser object model</title>
    <script>
        //getting browser details
        var browserDetails = window.navigator.appName + " " + window.navigator.appVersion;
        document.write("<h2>Browser Detail</h2><p>"+browserDetails +"</p>");
​
        var childWindow;
        function openchildWindow() {
            //initializing child window
            childWindow = window.open("", "", "width=400, height=200, top=100, left=100");
            childWindow.document.title = "Child Window";
​
            // creating an heading element h1
            heading = document.createElement("h1"); 
           
            //creating text node
            heading_text = document.createTextNode("Heading H1!");
           
          //appending 'heading_text' as a child to the heading element h1
            heading.appendChild(heading_text);
          
          //appending 'heading element h1' as a child to the body
            childWindow.document.body.appendChild(heading);
        }
​
        function closechildWindow() {
            if (childWindow != undefined) {
                childWindow.close();
                childWindow = undefined;
            }
            else {
                alert("There is no child window open");
            }
        }
    </script>
</head>
<body>
    <h2>Window Functions</h2>
    <p>
        <input type="button" value="Open 'childWindow'" onclick="openchildWindow()" />
        <input type="button" value="Close 'childWindow'" onclick="closechildWindow()" />
    </p>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
proshailendrapro
0viewers