jsファイルがIE, Google Chromeで上手く機能しません

###前提・実現したいこと
IE, Google Chromeで自作のヘッダーを表示させる

###発生している問題・エラーメッセージ
下のソースコードで自作のヘッダー（今回は「test」の見出し）を表示させたいのですが、
IE, Google Chromeでは何も表示されないままです。
パスの間違いかと思いましたが、Microsoft Edge, Firefoxでは正しく動作するので、
どう修正すればいいのか悩んでいます。解決策があれば教えてもらえると幸いです。

![]
（↑　画像。　誤植は許して[Interne"r" Exploler -> Interne"t" Exploler]）
###該当のソースコード
sample.html

HTML
1<!DOCUMENT html>
2<html lang="ja">
3<head>
4    <meta charset="utf-8">
5    <title>--TITLE--</title>
6    <script src="jquery-3.2.1.min.js" script type="text/javascript"></script>
7    <script src="share.js" script type="text/javascript"></script>
8</head>
9<body>
10    <div id="header"></div>
11</body>

header.html

HTML
1<h1>test</h1>

share.js

javascript
1$(function ()
2{
3    $("#header").load("header.html");
4});

###試したこと

パスがあってるかどうかの確認
開発者ツールでのチェック（正直まだよく見方は分かりませんが…）

行動規範の内容に同意します

回答1件

ベストアンサー

URLが出ていないので推測ですが、ローカルファイルをブラウザで表示していませんか？その場合IE11/Chromeはセキュリティ上の問題で取得できません。

ちなみにスクリプトタグの書き方が間違っています。

HTML
1<!--
2<script src="share.js" script type="text/javascript"></script>
3                         ↓                                      -->
4<script src="share.js" type="text/javascript"></script>

投稿2018/01/10 12:43