Move embedded & inline JavaScript and stylesheets to files

[dvz]

Remove usage of embedded JavaScript <script> and CSS <style> tags and inline on*, style attributes by moving their content to files.

May require a standard of passing and processing server-side data to included front-end scripts.

[effone]

May require a standard of passing and processing server-side data to included front-end scripts.

Apart from embedding in template I can only think of an AJAX call on runtime.
Or you have a better idea?

[dvz]

We can include raw data using e.g.:

• <script> JSON blocks (depending on a setting, it may be formatted for readability):

  <script type="application/json" data-json="core">
  {
    "cookieDomain": "",
    "cookiePath": "/forum/",
    "my_post_key": "75170fc230cd88f32e475ff4087f81d9"
  }
  </script>

• data attributes, accessible to the included script (document.currentScript will help in these cases):

  <script type="text/javascript" src="myPlugin.js" data-json-myplugin='{"uid": 1,"username":"admin"}'></script>

  <script type="text/javascript" src="myPlugin.js" data-uid="1"></script>

and add built-in JS functions to parse it in JavaScript files, e.g. MyBB.data('core'), MyBB.data('myplugin'), MyBB.data('uid').