回答編集履歴

2 修正

s8_chu

s8_chu score 12645

2017/01/26 16:12  投稿

質問文を読み違えてしまい、的外れな回答をしてしまいました。
この回答に削除リクエストをさせていただきました。失礼しました。
失礼しました。
---
とりあえず、1つの方法としてこんなものも良いのではないかと思います。
A.html
```HTML
<!DOCTYPE html>
<html lang="ja">
<head>
   <meta charset="UTF-8">
   <title>A</title>
</head>
<body>
<a href="B.html" class="migr">Bへ移動</a>
<a href="C.html" class="migr">Cへ移動</a>
<script>
   for (let i = 0; i < document.getElementsByClassName("migr").length; i++) {
       document.getElementsByClassName("migr")[i].addEventListener('click', function (e) {
           if (document.getElementsByClassName("migr")[i].getAttribute("href") === "C.html") {
               return true;
           } else {
               alert("C.html以外へのアクセスは禁止しています。");
               e.preventDefault();
           }
       }, false);
   }
</script>
</body>
</html>
```
B.html
```HTML
<!DOCTYPE html>
<html lang="ja">
<head>
   <meta charset="UTF-8">
   <title>B</title>
</head>
<body>
B
</body>
</html>
```
C.html
```HTML
<!DOCTYPE html>
<html lang="ja">
<head>
   <meta charset="UTF-8">
   <title>C</title>
</head>
<body>
C
</body>
</html>
```
1 修正

s8_chu

s8_chu score 12645

2017/01/26 16:10  投稿

質問文を読み違えてしまい、的外れな回答をしてしまいました。  
この回答に削除リクエストをさせていただきました。失礼しました。  
 
---  
とりあえず、1つの方法としてこんなものも良いのではないかと思います。
A.html
```HTML
<!DOCTYPE html>
<html lang="ja">
<head>
   <meta charset="UTF-8">
   <title>A</title>
</head>
<body>
<a href="B.html" class="migr">Bへ移動</a>
<a href="C.html" class="migr">Cへ移動</a>
<script>
   for (let i = 0; i < document.getElementsByClassName("migr").length; i++) {
       document.getElementsByClassName("migr")[i].addEventListener('click', function (e) {
           if (document.getElementsByClassName("migr")[i].getAttribute("href") === "C.html") {
               return true;
           } else {
               alert("C.html以外へのアクセスは禁止しています。");
               e.preventDefault();
           }
       }, false);
   }
</script>
</body>
</html>
```
B.html
```HTML
<!DOCTYPE html>
<html lang="ja">
<head>
   <meta charset="UTF-8">
   <title>B</title>
</head>
<body>
B
</body>
</html>
```
C.html
```HTML
<!DOCTYPE html>
<html lang="ja">
<head>
   <meta charset="UTF-8">
   <title>C</title>
</head>
<body>
C
</body>
</html>
```

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る