ここ数日、バックグラウンド管理システムをやっていたときに問題に遭遇したことが記録されています。
私のプロジェクトの構造は、ナビゲーションバーはそのままで、ページの主要部分は自由に切り替えられるというもので、iframe タグを使用して、変更が必要なページを埋め込むことを考えるのは自然なことです。
早くやれよ
まず、 iframe の src 属性を最初のページに割り当て、 iframe の幅と高さのスタイルを設定します。
<iframe src="./homepage01.html" frameborder="0" scrolling="no"></iframe>
iframe {
width: 100vw;
margin-top: 66px;
}
ここで問題が発生します。幅は適切な設定ですが、高さはどうでしょうか。固定の高さを設定できません。今後コンテンツを追加するとどうなりますか?
ねえ、賢い小さな頭はすぐに百度に登場します。
本当に見つけました。.
Body タグの高さが取得される限り、すべてのタグ要素は Body タグに配置されますが、これは埋め込みページ全体の高さではありませんか?
お母さんは、私が将来コンテンツを追加することを心配する必要がなくなりました。.
やるだけ、JSが起動
//获取iframe标签
const iframe = document.querySelector('iframe')
//Iframe加载完成后再设置
iframe.onload = () => {
console.dir(iframe)
iframe.height = iframe.contentDocument.body.clientHeight
}
それでは引き続き書いて書いていきます~
また、ジャンプ先のページが iframe タグでしか表示できないこともどうして?クレイジー百度。. . 今回は本当に見つかりませんでした。.
え、まさか、先生に頼るしかないのに。. .
案の定、問題が発生した場合は、先生に質問してください。数分で解決されます
まず、aタグを使ってジャンプする場合は、aタグのtarget属性を使えばOK
属性値は次のとおりです。自分で試してみてください
ターゲット属性値 | 説明 |
---|---|
_自己 | このウィンドウで開く |
_空欄 | 新しいウィンドウで開きます |
_親 | 親ウィンドウで開く |
_上 | 一番外側の窓で開く |
フレーム名 | 指定したウィンドウ接続で開きますが、試していません。 |
いい先生、帰ったらやってみます
私は見ました、私はノックしました、私のものはタグではありません、純粋なdiv、何が問題なのですか、divにはおそらくターゲット属性がありません、狂ったBaidu。. .
ねえ、今回は本当に見つけられて、とても幸せです。. .
JSのBOM 部分で、ジャンプ ページを使用します。
window.location.href='./index.html'
しかし、まだあります。. .
parent.location.href='./index.html'
top.location.href='./index.html'
大声で泣いたので、やっと救われました。
window は現在のウィンドウのページにジャンプすることを意味し、parent タグは現在のウィンドウの親ウィンドウにジャンプすることを意味し、top は現在のウィンドウの最も外側のウィンドウにジャンプすることを意味します。
やった〜やっと救われた。
結論は:
1.先生が言ったこと、私はBaiduのプログラミングを信じています
2. 問題が発生した場合でも慌てる必要はありません。Baidu または上司に尋ねてください。
3.長い間解決できない問題に遭遇した場合は、手放してください。すぐに解決します (これは本当です、信じてください)。
4. やや冗長。. ジャンプ質問ブロガーの記事を載せる
JSのページジャンプ問題(親ページ、最外ページ、当ページへジャンプ) - Bobohu- Blog Park
高尚な理想を持つ人々の助けになれば幸いです。