Cross origin requests are only supported
<p>When I click the link in the code bellow:</p>

<pre><code>&lt;head&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
    &lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"&gt;
&lt;/head&gt;

&lt;div id="modal_open" class="modal fade" role="document"&gt;
    &lt;div class="modal-dialog custom-modal-size"&gt;
        &lt;div class="modal-content"&gt;
            text
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;

&lt;a href="javascript:void(0);" data-toggle="modal" data-target="#modal_open" ng-controller="ModalDemoCtrl"&gt;link&lt;/a&gt;
</code></pre>

<p>I get a <code>jquery.min.js:4 XMLHttpRequest cannot load javascript:void(0);. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.</code> message if I have open the chrome debugger. While the code works as expected, I am trying to understand why I get this message. Can someone please explain?</p>