Includes do not load in the browser

Navigation
0

I have the following code made in Dreamweaver following a tutorial to perform includes of html elements in another file. Although in dream they look good, when I try in the explorer they do not open.

Include.html 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Include</title>
<link rel="import" href="content.html">
</head>
<body>
<div>
<script>
var link = document.querySelector('link[rel="import"]');
var content = link.import;

// Grab DOM from warning.html's document.
var el = content.querySelector('.warning');

document.body.appendChild(el.cloneNode(true));
</script>

</div>
</body>
</html>

content.html 

<div class="warning">
<style>
h3 {
  color: red !important;
}
</style>
<h3>Warning!</h3>
<p>This page is under construction</p>
</div>

<div class="outdated">
<h3>Heads up!</h3>
<p>This content may be out of date</p>
</div>

Thanks in advance.

    
asked by Karolyn Méndez 12.11.2016 в 19:40
source

1 answer

2

<link rel="import" ... > NO works on all browsers.

To leave doubts, this code tells you if the browser you are using supports or does not support imports ; It's valid for everyone: desktop, mobile, ... 

if( 'import' in document.createElement( 'link' ) ) {
  alert( 'SI soportamos import' );
} else {
  alert( 'NO soportamos import' );
}

Logically, if your browser does not support them, well ... that, you can not use them xD.

First, if you are with Explorer, install a browser .

    
answered by 12.11.2016 в 20:34
Difference between BinaryOperator and BiFunction? Java 8 Backup and Restore Sqlite to the root