novascreen/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Knockout components IE8</title>
  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/knockout/3.3.0/knockout-min.js"></script>
  <script>
    document.createElement('ko-app')
    document.createElement('ko-widget')
      ko.components.register('ko-app', {
        viewModel: function () { this.test = ko.observable('test'); },
        template:
          '<header><input data-bind="textInput: test" /> <span data-bind="text: test"></span></header>' +
          '<main><ko-widget params="message: test"></ko-widget></main>'
      });
      ko.components.register('ko-widget', {
        viewModel: function (params) { this.message = params.message; },
        template: 'widget: <strong data-bind="text: message"></strong>'
      });
  </script>
  <style> ko-app header { color: red; display: block; } ko-widget { color: blue; display: block; }</style>
</head>
<body>
  <ko-app></ko-app>
  <script>ko.applyBindings({});</script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Knockout components IE8</title>
	<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
	<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/knockout/3.3.0/knockout-min.js"></script>
	<script>
	document.createElement('ko-app')
	document.createElement('ko-widget')
	ko.components.register('ko-app', {
	viewModel: function () { this.test = ko.observable('test'); },
	template:
	'<header><input data-bind="textInput: test" /> <span data-bind="text: test"></span></header>' +
	'<main><ko-widget params="message: test"></ko-widget></main>'
	});
	ko.components.register('ko-widget', {
	viewModel: function (params) { this.message = params.message; },
	template: 'widget: <strong data-bind="text: message"></strong>'
	});
	</script>
	<style> ko-app header { color: red; display: block; } ko-widget { color: blue; display: block; }</style>
	</head>
	<body>
	<ko-app></ko-app>
	<script>ko.applyBindings({});</script>
	</body>
	</html>