ロードボタンを押したときにのみiframeをロードします。"ロード"ボタンをクリックした後にのみ、フレームを読み込みます
<html>
<body>
<iframe src="page.html" id="push_frame">
Frames are not supported.
</iframe>
<button id="load_frame">
Load
</button>
</body>
</html>
通常、解決するにはJavaScriptが必要です。これをどのように実装できますか？
は、私は新しいattrを指定するには、jQueryのを使用することになり、この
document.getElementById('load_frame').onclick = function() {
var iframe = document.createElement('iframe');
iframe.src = 'page.html';
document.body.appendChild(iframe);
};
私はこのコードをテストしていませんが、src属性を変更するという考え方は完璧ですから、この回答を受け入れることにします。 – Jishnuraj
これは私がそれを行う方法です。あなたのURLをdata属性に格納してから、クリックイベントで取得してください。
function loadFrame() {
var frame = document.getElementById('push_frame');
frame.src = frame.dataset.src;
}<html>
<body>
<iframe data-src="page.html" src="" id="push_frame">
Frames are not supported.
</iframe>
<button id="load_frame" onclick="loadFrame()">
Load
</button>
</body>
</html>十分です！私は3つのアンサーを持っています – Jishnuraj
私はそれが最もエレガントな答えだと思うので、これを+1してください。 –
必要なJavaScriptまたはその他のコードは、ボタンのクリックイベントに割り当て、その後、空の 'src'で開始 – Jishnuraj
提示してください。 – Walk
@Walk完璧なアイデア。必要なコードを追加してください（たとえば、