No.1ベストアンサー
- 回答日時:
JavaScript云々の前に,
「絶対パス」や「相対パス」でのファイル指定についてのご質問でしょうか?
http://aaa/bbb.html
から
http://aaa/ccc.html
にリンクを貼りたい場合,そのパスは,
絶対パス: http://aaa/ccc.html
相対パス: ccc.html (もしくは ./ccc.html )
となります。
HTML も JavaScript も全く同じです。
ブラウザで今表示中のページからの相対パスを書けば,
http://ごちゃごちゃ/ごちゃごちゃ…
とは書かなくて済みます。
というか,普通 HTML はローカルマシーンで作成して,
それをアップする形が一般的ですから,
いちいち絶対パス(http://…)では書けませんよね。
だから普通は相対パスを使って記述し,ローカルで動作検証後,そのファイル群をアップします。
最近は,ブログなどが流行っているため,必ずしもそうとは限りませんが,
ローカルで HTML を作成して,FTP転送する場合はたいてい相対パスを使います。
そのJavaScript を書いたHTMLから見た,
window.open で開くHTMLの位置関係を考えてみてください。
普通はそれでうまく行きます。
任意のフォルダ
├aaa.html
└bbb.html
この場合↑,
aaa.html から bbb.html を見ればその相対パスは
bbb.html もしくは ./bbb.html になります。
任意のフォルダ
├aaa.html
└content (フォルダ)
└bbb.html
この場合↑,
aaa.html から bbb.html を見ればその相対パスは
image/bbb.html になります。
任意のフォルダ
├bbb.html
└content (フォルダ)
└aaa.html
この場合↑,
aaa.html から bbb.html を見ればその相対パスは
../bbb.html になります。
※ ただし,
window.open で開く HTML が同じドメインに無い場合,
相対パスは通用しませんよ。
相対パスが通用するのは自サイト,
もしくは
自サイトと同じ http://○○/ までのURLを持つファイルまでです。
また,
ブログなどサーバに直接書き込むサイトのパターンでは,
相対パスは使用できない可能性が高いです。
相対パスと絶対パス
http://www.netgamebm.com/c/base/03.html
基礎講座
http://www.ink.or.jp/~bigblock/basic/index.html
ご質問内容を取り違えていたらすみません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- livedoor Blog(ライブドアブログ) 昨日、gooのブログを「別ウインドウで開く」で送信してしまいパソコンに反映しません。 2 2023/06/14 09:37
- X(旧Twitter) ツイッターを良く利用されている方に質問させて下さい 1 2023/03/20 13:59
- Excel(エクセル) 記録マクロのみでできますか? 7 2022/08/07 20:38
- HTML・CSS HTMLについて教えて頂きたいです。. 4 2022/12/21 16:51
- その他(ブラウザ) webサイトに表示する画像の向きを変える(左右に回す)方法 3 2023/01/20 08:28
- Excel(エクセル) 【困っています】VBA 追加処理の記述を教えてください。 1 2022/08/25 22:54
- JavaScript 【GAS】WEBアプリでハイパーリンクを挿入したい 1 2023/03/12 19:20
- その他(IT・Webサービス) 301リダイレクトの使い方について 7 2022/04/05 17:50
- Visual Basic(VBA) シートをコピーする下記記述でダイアログを用いた記述がわかりません?( A = Dir(ThisWor 4 2022/08/22 12:26
- PDF Just PDF 5 proでポップアップしたファイル名がつきまとう 2 2022/12/18 09:56
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
子窓で送信したら、親ウィンド...
-
javascriptでタイトルバーを非...
-
window.open _self でとんでく...
-
HTMLでブラウザを終了させる方法
-
指定時間になったら、WEBサイト...
-
【続】 ポップアップ表示の後の...
-
小窓を表示させたい
-
CSSのtransform: translate(-50...
-
エクセルでサイズ指定でPOP...
-
エクセルで一部分のセルの高さ...
-
ホームページビルダーで表の列...
-
<table>の<thead>を固定したい。
-
インラインフレームの表示位置...
-
指導要録のエクセルシートを作...
-
道路幅を調べたいのですが
-
aタグに直接style=""で:hoverを...
-
CSSでh1とその下の文字との行間...
-
<tbody>は何のためにあるんでし...
-
エクセル 画面表示拡大率によ...
-
IE8ではtext-align: center;で...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
指定時間になったら、WEBサイト...
-
window.close()で閉じられない
-
javascriptでタイトルバーを非...
-
HTMLでブラウザを終了させる方法
-
window.openした時、親ウィンド...
-
サブウインドウを開くときのフ...
-
location.hrefの使用条件について
-
『入力文字列 + .html』 に...
-
小窓を表示させたい
-
プルダウンメニューからインラ...
-
【続】 ポップアップ表示の後の...
-
location.hrefで別窓にリンクを...
-
リンクを張り、別窓を表示され...
-
Javascriptを使用したサムネイ...
-
showModalDialogで動的にページ...
-
JavaScriptで画像を横移動
-
window.open _self でとんでく...
-
自動的に小窓を開く
-
トップページをもうひとつ作る...
-
子Windowの操作(親Window遷移後)
おすすめ情報