I am trying to understand same origin policy better. From what I understand same origin policy restricts code from one "origin" not access data from another "origin". What I am trying to understand is the context of this code. I can see that code across two tabs (example1.com and example2.com) cannot access data in each other's DOM. What about a page that loads code from both these sites? Is the restriction/security still hold in that case? This is a very valid use case as every site nowadays has code loaded from twitter, Facebook, google+ at the very least in addition to code from example1.com. So can code from twitter access the cookies set by example1.com? Or does same origin policy hold even in this case?

Of course in this case I am assuming the code is loaded from twitter, Facebook directly and not relayed from the example1.com server. I am also guessing the danger of XSS exists if the example1.com is relaying the code for twitter, Facebook etc. Am I right?

If I am right, how does the browser separate out the dom data for code loaded from each site when they are all loaded into the same page? How does it keep track of which data is allowed to be accessed by which code?

  • The question is unclear. What do you mean by “load code”? Are you talking about frames? Script elements with a remote source? Something else?
    – Fleche
    Commented Jun 24, 2014 at 8:21
  • I am nt clear myself. Can you tell me how it manifests in both cases?
    – user220201
    Commented Jun 24, 2014 at 8:27

1 Answer 1


Going off your example of Twitter and Facebook, both of their army of scripts aren't reading the DOM or interacting with other scripts. If either tried to, say, get the value of a variable or something like that, then they'd be violating SOP.

The origin of a script is where it's included. So if you included Google's analytics scripts on your page it can interact with the DOM -- that's exactly why you can load jQuery from Google's CDN and have it work.

Here's a scenario. Let's pretend you own server one, and you want to include a cool "Like my page!" button from server two. In order for server two's button to work, it needs to load code from their servers. So, if you include <script src="servertwo.js"></script> you're including an actual file that can change your DOM because its "origin" is your page. It's "origin" is your page, even though the file is hosted on another server because your page is the one saying, "I want to use this file but it's located elsewhere."

If server two's JS file tried to load an additional script into your page, by inserting something like this: <script src=anyserverexceptforyourown.js"></script> then it'd be violating SOP if that script tried to change the DOM. Even though you loaded the original script, the second script that server two's JS tries to load didn't originate from your page like in the first portion of the example, so its origin would be from server two not your server.

On my personal website I have multiple scripts. Some of the scripts look like this:

<script src="http://www.ericlagergren.com/javascript.js"></script>

others look like this:

<script src="https://www.google-analytics.com/analytics.js"></script>

both of these "originate" from my website because I referenced them and asked to include them in my page.

If either of those two scripts tried to load an additional script into my page that third script would be violating SOP because I didn't explicitly ask to load it in my page. Make sense?

  • Its not clear to me what you mean by "included". Do you mean adding a script tag referring to the Google's CDN site to download the analytics code will make it part of the same "origin"?
    – user220201
    Commented Jun 24, 2014 at 8:30
  • Thanks a lot for the explanation! Not being a web developer this particular aspect has been unclear to me.
    – user220201
    Commented Jun 24, 2014 at 8:33
  • No problem. I added an additional edit if it makes more sense, @user220201 Commented Jun 24, 2014 at 8:34
  • 1
    One additional question - what is the security mechanism that prevents a script loaded from one "origin" not be able to do an XHR to another site?
    – user220201
    Commented Jun 24, 2014 at 8:35
  • Well, the tl;dr would be that the browser checks the origin of the script and sees that it's not from the correct domain, so it rejects it. But more can be found on Mozilla's website because they championed the content security policy that's becoming the standard: developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS and developer.mozilla.org/en-US/docs/Web/HTTP/… and developer.mozilla.org/en-US/docs/Web/Security/CSP/… Commented Jun 24, 2014 at 8:42

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .