コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > ファイル モードで Web ページにアクセスする場合の iframe 適応性の高いソリューション_JavaScript スキル

ファイル モードで Web ページにアクセスする場合の iframe 適応性の高いソリューション_JavaScript スキル

WBOY
リリース： 2016-05-16 17:43:36
オリジナル
1077 人が閲覧しました

最近、適応性の高い iframe の問題を解決しました。インターネットで多くの解決策を検索しましたが、要約すると、これらの解決策は 1 つずつ試しましたが、最終的にはどれも自分のプロジェクトでは機能しないことがわかりました。 Web ページのコードは Apache の下に置き、iframe がロードされたら、次の JS メソッドを呼び出します。

コードをコピー コードは次のとおりです:
functionSetWinHeight(obj)
{
varwin= obj;
if(document.getElementById)
{
if(win&&!window.opera)
{
if(win.contentDocument&&win.contentDocument.body.offsetHeight)
win.height=win.contentDocument.body.offsetHeight;
elseif(win.Document&&win.Document.body.scrollHeight)
win.height=win .Document.body.scrollHeight;
}
}
}


確かに、Web ページの高さを調整することもできます。他の解決策の場合、私はそれを試すことに注意を払いませんでした)、ファイル メソッドを介して Web ページにアクセスするための同じコード ログが常にログに記録されます。レポート: UnsafeJavaScriptattempttoaccessframewithURLfile:///E:/​​workspace/html5/exam.htmlfrom
framewithURLfile:///E:/​​workspace/html5/quiz_preview.html。
ドメイン、プロトコル、ポートは一致する必要があります。
各解決策を試したときに報告されたエラーは、この問題のみでした。その後、Chrome でクロスドメイン アクセスがデフォルトで許可されていないことがわかりました。最も簡単な方法は、Chrome アイコンを右クリックして [プロパティ] をクリックします。ターゲット

の後に '--disable-web-security' Chrome を再起動し、調整したい Web ページを開くと問題は解決します
関連ラベル：
アダプティブ
ソース：php.cn
前の記事：スクリプトの async 属性により、スクリプトがノンブロッキング モードでロードされます_JavaScript のヒント 次の記事：jsインターセプト警告ダイアログの代替application_javascriptスキル
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
MySQL SQLクエリを使用して別のテーブルのフィールドの合計を計算する 次のようなスキーマがあります。 属性「user_id」と「username」を持つユーザーテーブルと、属性「customer_id」（user_idのFK）と「finalPrice...
から 2024-04-06 19:39:29
0
1
441
SCSSを使用してデフォルト値とCSS変数を生成する ウェブサイトのスタイリングを実装しています。レガシー サポートの理由から、少なくともしばらくの間は IE11 をサポートする必要があります。ワークフローと私の健全性の理由から、私は...
から 2024-04-06 17:46:54
0
1
355
ページのメインディスプレイに画像を表示するにはどうすればよいですか? 私がやりたいのは、NASAAPI を使用して写真を受信することです。これらの写真は、マイページのサムネイルとメインディスプレイに表示されます。コードがサムネイルから画像を取得してペ...
から 2024-04-06 15:33:12
0
1
433
Nuxt.js で作成したダッシュボードをデプロイするには SSG を使用する必要がありますか? Nuxt.jsを使用して社内向けのダッシュボードを開発していきます。これは内部ダッシュボードであるため、ユニバーサル スキーマは必要ありません。通常、ほとんどのダッシュボードは S...
から 2024-04-06 13:17:44
0
1
493
Laravel のブートストラップ モードで AWS PDF ファイルを表示する https://xxx-xx-dev.s3.ap-south-1.amazonaws.com/std_check/6557122022151745398XtquBSY.pdf のよ...
から 2024-04-04 22:16:18
0
1
1450
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート