StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
2343051
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
10
CommunityOwnedDate
CreationDate
2010-02-26T16:24:00.613
FavoriteCount
0
LastActivityDate
2012-01-25T08:55:49.557
LastEditDate
2012-01-25T08:55:49.557
LastEditorUserId
157247
OwnerUserId
157247
ParentId
2342974
PostTypeId
2
Score
51
ViewCount
0
LastEditorDisplayName
text
Body
<p>The answer varies depending on where the script tag is and how you've added it:</p> <ol> <li><p>Script tags inline with your markup are executed synchronously with the browser's processing of that markup (except, see #2), and so if -- for instance -- those tags reference external files, they tend to slow down the processing of the page. (This is so the browser can handle <code>document.write</code> statements, which change the markup they're processing.)</p></li> <li><p>Script tags with the <code>defer</code> attribute may, on some browsers, not be executed until after the DOM has been fully rendered. Naturally these can't use <code>document.write</code>. (Similarly there's an <code>async</code> attribute that makes the script asynchronous, but I don't know much about it or how well it's supported; <a href="http://dev.w3.org/html5/spec/semantics.html#script" rel="noreferrer">details</a>.)</p></li> <li><p>Script tags in content you assign to elements after DOM load (via <code>innerHTML</code> and similar) are not executed at all, barring your use of a library like jQuery or Prototype to do it for you. <em>(With one exception pointed out by Andy E: On IE, if they have a <code>defer</code> attribute, it will execute them. Doesn't work in other browsers.)</em></p></li> <li><p>If you append an actual <code>script</code> element to the document via <a href="https://developer.mozilla.org/En/DOM/Node.appendChild" rel="noreferrer"><code>Element#appendChild</code></a>, the browser begins downloading that script immediately and will execute it as soon as the download is finished. Scripts added this way are not executed synchronously or necessarily in order. First appending a <code><script type="text/javascript" src="MyFct.js"></script></code>, and then appending <code><script type="text/javascript">myFunction();</script></code> may well execute the inline (second) one before the remote (first) one. If that happens and <code>MyFct.js</code> declares <code>myFunction()</code>, it will not be defined when we try to use it with the inline script. If you need things done in order, you can tell when a remote script has been loaded by watching the <code>load</code> and <code>readyStateChange</code> events on the <code>script</code> element you add (<code>load</code> is the event on most browsers, <code>readyStateChange</code> on some versions of IE, and some browsers do both, so you have to handle multiple notifications for the same script).</p></li> <li><p>Script inside event handlers on attributes (<code><a href='#' onclick='myNiftyJavaScript();'></code>) rather than in a script tag is executed when the relevant event occurs.</p></li> </ol> <hr> <p>I was working away at my Real Job and suddenly my hindbrain said "You know, you've been <em>told</em> they won't be executed if you assign them to <code>innerHTML</code>, but have you personally checked?" And I hadn't, so I did -- FWIW:</p> <pre><code><!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-type" content="text/html;charset=UTF-8"> <title>Script Test Page</title> <style type='text/css'> body { font-family: sans-serif; } </style> <script type='text/javascript'> function addScript() { var str, div; div = document.getElementById('target'); str = "Content added<" + "script type='text/javascript'>alert('hi there')<" + "/" + "script>"; alert("About to add:" + str); div.innerHTML = str; alert("Done adding script"); } </script> </head> <body><div> <input type='button' value='Go' onclick='addScript();'> <div id='target'></div> </div></body> </html> </code></pre> <p>The alert from the script doesn't appear on IE7, FF3.6, or Chrome4 (I haven't bothered to check others, I'm meant to be working :-) ). Whereas if you append elements as shown <a href="http://proto-scripty.wikidot.com/prototype:how-to-load-scripts-dynamically" rel="noreferrer">here</a>, the script gets executed.</p>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POWhen does the browser execute Javascript? How does the execution cursor move?
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. UST.J. Crowder
UserOwnerUserId
1. UST.J. Crowder
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. POWhen does the browser execute Javascript? How does the execution cursor move?
  singulars
  PostTypePostTypeId
  PTQuestion
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
2. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
3. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.