Q&A
前提
ここに質問の内容を詳しく書いてください。
（例）
HTMLとJavascriptを用いて、郵便番号検索ツールを作成しています。
拡張子が「.html」だと正常に動作しますが、「.hta(HTMLアプリケーション形式)」に変更すると、
スクリプトエラーが発生します。
発生している問題・エラーメッセージ
このページのスクリプトでエラーが発生しました。
ライン 2
文字 ５
エラー '；'がありません。
コード ０
該当のソースコード
Javascriptソースコード
1window.addEventListener('load', function(){ 2let search = document.getElementById('search'); 3 4search.addEventListener('click', ()=>{ 5 6 let api = 'https://zipcloud.ibsnet.co.jp/api/search?zipcode='; 7 let error = document.getElementById('error'); 8 let input = document.getElementById('input'); 9 let address1 = document.getElementById('address1'); 10 let address2 = document.getElementById('address2'); 11 let address3 = document.getElementById('address3'); 12 let param = input.value.replace("-",""); //入力された郵便番号から「-」を削除 13 let url = api + param; 14 15 fetchJsonp(url, { 16 timeout: 10000, //タイムアウト時間 17 }) 18 .then((response)=>{ 19 error.textContent = ''; //HTML側のエラーメッセージ初期化 20 return response.json(); 21 }) 22 .then((data)=>{ 23 if(data.status === 400){ //エラー時 24 error.textContent = data.message; 25 }else if(data.results === null){ 26 error.textContent = '郵便番号から住所が見つかりませんでした。'; 27 } else { 28 address1.value = data.results[0].address1; 29 address2.value = data.results[0].address2; 30 address3.value = data.results[0].address3; 31 } 32 }) 33 .catch((ex)=>{ //例外処理 34 console.log(ex); 35 }); 36}, false); 37}); 38
HTML(HTA)ソースコード
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2<html lang="ja"> 3 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <script src="https://cdn.jsdelivr.net/npm/fetch-jsonp@1.1.3/build/fetch-jsonp.min.js"></script> 8 <script src="ZipCode.js"></script> 9 <title>郵便番号検索ツール</title> 10</head> 11<body> 12 <h1>郵便番号検索ツール</h1> 13 <form> 14 <table> 15 <tbody> 16 <tr> 17 <th>郵便番号</th> 18 <td> 19 <input id="input" class="zipcode" type="text" name="zipcode" value="" placeholder="例)8120012"> 20 <button id="search" type="button">住所検索</button> 21 <p id="error"></p> 22 </td> 23 </tr> 24 25 <tr> 26 <th>都道府県</th> 27 <td><input id="address1" type="text" name="address1" value=""></td> 28 </tr> 29 30 <tr> 31 <th>市区町村</th> 32 <td><input id="address2" type="text" name="address2" value=""></td> 33 </tr> 34 35 <tr> 36 <th>町域</th> 37 <td><input id="address3" type="text" name="address3" value=""></td> 38 </tr> 39 </tbody> 40 </table> 41 </form> 42</body> 43 44</html>
試したこと
コードを見直しましたが、問題点が見つかりませんでした。
回答1件
0
ベストアンサー
HTAで利用されるスクリプトエンジンは古いので、基本的に最近のJavascriptコードは動作しないと思った方がよいでしょう。
とりあえずHTA and Javascript Compatibility. Javascript not working in HTAの回答に記載のように
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta http-equiv="x-ua-compatible" content="ie=edge" />
とすると起動まではできますがfetchJsonpに失敗します。
参考：HTAでjQueryとWSHとJSON
投稿2022/12/22 04:26
総合スコア38352
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2022/12/22 04:49