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>
  <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
  <script>
    var loadExample = function() {
      $.get('example.html', function(response, err) {
        // example doesn't exists here so we set response with the contents that file would have, if example.html file exists response be the content of that file.
        response = "<section>"+
                   "This should be counted"+
                   "</section>";
        
        // Now, set the #content's content with the response
        $('#content').html(response);
      });
    }
    
    /**
     * If you want to do onload only remove the link
     * and uncomment line bellow
     */
    
    // $().ready(loadExample);
  </script>
</head>
<body>
  <h1>This is test.html</h1>
  <div id="content">
    Here we writes "example.html" contents;
  </div>
  <a href="javascript:loadExample()" style="display: block; margin-top: 20px">Load Example</a>
</body>
</html>
Output

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

Dismiss x
public
Bin info
danybmxpro
0viewers