Q&A
「コメントアウトされてしまう」とはどういう意味でしょうか
スクリーンショットなどありますか？
初歩的な質問失礼します。
buttonタグのリンク先に onclick="location.href='〇〇' " の様にhrefの後にurlを挿入したのですが、
コピペしても手で打ち込んでもコメントアウトされてしまいます。
具体的にはhttps://以降の文なのですが、解消法を教えていただきたいです。
エディタはvscodeです.
html
1<button onclick="location.href='https://www.airbnb.jp/d/host_testimonial_dennis'"
スクショで追記しました！
buttonでやらねばいけない理由も記載ください。
aで代用できるというか、特に理由がなければ、
a要素を使うべき動作とお見受けしますので。
こちらの記事を見てなるべくbuttonでaタグを使わないようにしていました。
https://www.sejuku.net/blog/82466
知識も浅いもので重要性があまりわかっていませんが、問題なければ参考にさせていただきます！
> なるべくbuttonでaタグを使わないようにしていました。
miyabi_takatsukさんの提案はそれと正反対で、<button>自体を使わず<a>だけで書く、という意味です。
maisumakunさん
誤解してました、ご指摘ありがとうございます！
miyabi_takatsukさんの通り<a>だけで問題なさそうなので取り入れて見ます！
ありがとうございます！
質問者さん、
その記事は、クリック時に何かインタラクティブな処理を挟む際は、a要素を使うべきではない、代わりにbuttonを使うべき、ってものです。
なので、通常のページ遷移でbuttonを使おう！という意図の内容ではありません。
回答3件
0
多分VSのシンタックスハイライトの設定で//のコメントアウトが原因で実際のコード動作には影響ないと思います。
配色テーマを変えてみるか、言語モードをJavascriptに変えてみてはどうでしょうか？
（こちらの環境で検証したところ言語モードがPHP,HTMLの場合同様の症状になり、javascirptの場合は正常に表示されました）
投稿2020/10/06 06:38
総合スコア1426
gogoweb_ikedaさん、回答ありがとうございます！
遅れてしまいすみません、vscodeに編集モードがあることを今日知ることができました！????
今回は長く対応してくれたTakumibooさんをベストアンサーにしようと思いますが、
また機会がありましたらよろしくお願いします！
0
ベストアンサー
スクリーンショットを拝見するに、シングルクオート（'）ではなくバッククオート（`）で囲われているように見えます。
Windowsのキーボードで言うと、「Shift+@」ではなく、「Shift+7」で入力できる方がシングルクオートになります。
投稿2020/10/06 06:20
総合スコア2536
回答ありがとうございます！
シングルクォートで試してみましたがやはり同じ挙動となりました。
他に考えられることなどあればまたお願いします????
ちなみにその状態で、実際のHTMLではクリックして反応しないなど、支障はあるのでしょうか？
エディタ上で色が変わるだけなら気にしなければいいだけのように思いますが…。
試した所、クリックしてもリンク先に飛ばないのでやはり機能してない様です...。
そのリンク先に飛ばない状態でページのソースを表示し、該当部分を質問に追記していただけますか？
ページソース→file:///Users/takizawatadashidai/masa.project-chat/node-js-bootstrap/index.html?
場所→最下部の「ホスト実践例をチェック」
ご確認お願いします！
file://～はソースではなくファイルパスです。ブラウザでページ右クリックや、開発者ツールなどでHTMLのソースコードを表示し、該当部分を貼り付けていただきたいのです。
失礼しました、こちらで合ってるしょうか？
<button onclick="location.href='https://www.airbnb.jp/d/host_testimonial_dennis'" type="button" class="btn btn-lg btn-white border-dark font-weight-bold" disabled="">ホスト実践例をチェック</button>
なるほど、閉じクオートが文字参照になってしまっているんですね。
とりあえず保存されているindex.htmlをメモ帳などで開き、該当の部分を「'」に書き換えれば直るとは思います。
VSCodeについては、gogoweb_ikedaさんがおっしゃるとおり、編集モードを変えることで解決すると思います。
（もしかすると、そのことが原因でVSCode側で文字参照に変換しているのかもしれません）
初めてのvim操作でまだ解決には至りませんが、記事も多いのでここは調べながらやっていこうと思います。
色々回答していただきありがとうございます。また機会があればお願いします！
0
特に再現しません（jsFiddle）。
html
1<button onclick="location.href='https://www.airbnb.jp/d/host_testimonial_dennis'"> 2 テスト 3</button>
投稿2020/10/06 05:42
総合スコア146018
あなたの回答
tips
プレビュー
