Q&A
汗） 保存してなかった
###■やりたいこと
表示中のURLの前に、別のURLを挿入して、連結させたいです。
・表示中のURL
「https://A.com/xxx」
・別のURL
「https://B.com?param=」
・連結させたURL
「https://B.com?param=https://A.com/xxx」
###■現状のコード
javascriptで次のように書いても、なぜか連結できません。
https://jsfiddle.net/he8sgh29/
php
1<head> 2 <!-- jQueryの読み込み --> 3 <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 4</head> 5 6<!-- 表示されてるURL --> 7<div class="urltext">https://A.com/xxx/</div> 8 9<!-- リンク --> 10<a href="#" id="link">リンク</a> 11 12<!-- jQuery --> 13<script> 14$(function() { 15 16 // 表示されてるURLのクラスを指示して 17 $('.urltext').on("load",function(){ 18 19 // URLを取得して 20 var param = $(this).val(); 21 22 // リンクを書き換え 23 $('#link').attr('href', 'https://B.com?param=' + param); 24 25 }); 26 27}); 28</script>
「リンク」を押して「https://B.com?param=https://A.com/xxx」にアクセスさせたいのですが、修正か所をご教示いただけませんでしょうか？
宜しくお願いいたします。
回答4件
0
ここ数日の一連の質問を見るに、HTMLの入門書とJavaScriptの入門書をいくつか買って、一通り勉強されてはいかがでしょうか。Webの情報は「体系立てた情報」で無いことが多いので、一度本屋で入門書から上級まで何冊か本を買って読むと今後の理解が進みます。とりあえず最初はわからないことのほうが多いと思いますが、そのうち腑に落ちることも多いはずなのでお勧めします。
投稿2018/01/02 06:08
総合スコア69407
0
いろいろとまちがえすぎてる・・・・
- load イベントはdivタグでは発火しない
- div タグの中身を取得するのは val ではない
- jsfiddle も正しく使えてない
この返信のなかにリンクがかくれているからそこを見るといいよ
投稿2018/01/03 02:36
退会済みユーザー
総合スコア0
0
ベストアンサー
js
1const url = new URL('https://B.com'); 2url.searchParams.append('param', 'https://A.com/xxx'); 3$('#link').attr('href', url.toString());
投稿2018/01/02 09:03
総合スコア4267
ありがとうございます！
https://A.com/xxx
→phpで毎回変わるアドレス
https://B.com
→決まっているアドレス
なので、Aの方はｊｓに書くことができないのです。(´；ω；`)
Aの方はいつも変化してページに表示されます。
この「いつも変化するAの前にBを追加する」というボタンを作りたいと思っています。
何卒、ご検討よろしくお願い致します。<(_ _)>
0
合体というのがよくわかりませんが、encodeURIComponent()を調べると幸せになれるかもしれません。
JavaScript
1$('#link').attr('href', 'https://example.com/?param=' + encodeURIComponent($('.urltext').text()));
encodeURIComponent()
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent
投稿2018/01/02 08:37
総合スコア13749
合体じゃなくて連結にしました(^▽^;)
難しそうですね。見てみます。ありがとうございます。
…ちょっと私には難しすぎました。。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/01/02 07:43