コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 主流のブラウザと互換性のある iframe アダプティブ高さ js スクリプト_javascript スキル

主流のブラウザと互換性のある iframe アダプティブ高さ js スクリプト_javascript スキル

WBOY
リリース： 2016-05-16 17:04:32
オリジナル
1083 人が閲覧しました

主流ブラウザの iframe アダプティブハイトと互換性のある js スクリプトは次のとおりです:

コードをコピー コードは次のとおりです:

//iframe 高さ適応型
function iframeAutoFit(iframeObj) {
setTimeout(function () {
if (!iframeObj) return;
iframeObj.height = (iframeObj) .Document ? Document.body.scrollHeight : iframeObj.contentDocument.body.offsetHeight);
} < /span>

メソッドの呼び出し:

コードをコピー コードは次のとおりです


拡張子:

コードをコピーします コードは次のとおりです:
//スタイルを動的に追加します
function addSheetFile(obj, path) {
if (obj == 未定義 || obj == null)
obj = document;

var fileref = obj.createElement("link")
fileref.rel = "スタイルシート";
fileref.type = "text/ css";
fileref.href = パス;
fileref.media = "screen";
var headobj = obj.getElementsByTagName('head')[ 0];
headobj.appendChild(ファイル参照)
}

関連ラベル：
iframe
ソース：php.cn
前の記事：CKEditor_javascript スキルを含むフォームを送信する方法 次の記事：Javascriptで星座（星座）を計算するサンプルコード_JavaScriptスキル
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
R 関数によって生成された HTML の埋め込み 動的に HTML を構築し、その HTML を quarto でレンダリングしたいと考えています。実際のアプリケーションには iFrame の挿入が含まれますが、簡単にするために ...
から 2024-04-01 20:51:51
0
1
367
埋め込み/iframe は常にフルハイト 「高さ」が異なる複数の HTML ファイルを埋め込みました。埋め込みコンテンツの代わりに親をスクロールできるように、埋め込みコンテンツが常に親 div を埋めるようにしたいと考えて...
から 2024-03-31 09:50:18
0
1
400
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート