如何通過iframe/ahref嵌入其他網站？

我有HTML網站 - 我想做到以下幾點如何通過iframe/ahref嵌入其他網站？

----------------------------- 
Link1 website1  | 
Link2 website2  | Mysite 
Link3 website3  | 
-----------------------------

正如你可以看到，在右側的內容將靜態的 - 它從我的網站。

在左側有3個鏈接（一個href） - 它指向三個不同的域。

現在怎麼保證，當我點擊鏈接1，WEBSITE1內容顯示

--------------------------------- 
      | 
Website1 | Mysite 
      | 
---------------------------------

如果鏈接2點擊，網站2的內容將被顯示。

獎勵問題：如此嵌入其他網站，導致我的網站受到任何安全威脅？

谷歌給了我這個：

see here

但它從我的要求有點不同

來源

2013-06-02 webminal.org

所以你想要一個'iFrame'，當點擊其中一個'href'時，改變源代碼？ – Mattios550

嵌入其他網站傳統上是通過使用''s完成的。然而，這已經是一段時間了，現在已經有一段時間了（參見http://stackoverflow.com/questions/362730/are-iframes-considered-bad-practice）。爲什麼你想這樣做，而不是打開一個新的瀏覽器窗口？ – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">@ Mattios550，是的，沒錯。 iframe內容在點擊href時發生變化。 – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> </div> <div class="answer-title"> <span class="text-logo margin-top-sm">A</span> <h2 class="title h4">回答</h2> </div> <div class="item-description text-md markdown-body margin-bottom-40 voidso"> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">3<i class="fa fa-thumbs-up"></i></span> <i class="fa fa-check fa-2x"></i> </div> <div class="post-offset"> <div class="answer fmt"> <p>你應該首先給你的IFRAME一個名稱，然後針對你鏈接到的iframe</p> <h1>例：</h1> <pre><code class="prettyprint-override"><iframe src="external.htm" name="iframe"></iframe> <a href="http://stackoverflow.com" target="iframe">SO</a> </code></pre> <p>個<strong>參考文獻：</strong></p> <ul> <li>名節在這裏：<a href="http://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe" rel="nofollow">developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe</a></li> <li>目標部分的位置：<a href="http://developer.mozilla.org/en-US/docs/Web/HTML/Element/a" rel="nofollow">developer.mozilla.org/en-US/docs/Web/HTML/Element/a</a></li> <li>「使用iframe作爲一個鏈接目標」一節在這裏：<a href="http://www.w3schools.com/html/html_iframe.asp" rel="nofollow">http://www.w3schools.com/html/html_iframe.asp</a></li> </ul> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/16881609">來源</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2013-06-02 09:48:11</span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div>  <div class="comments"> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+1</span></div> <div class="col-lg-11"> <p class="commenttext">可愛 - 我從未玩過'a'元素上的'target'屬性，並且不知道這是可能的。我期待這樣做，你需要改變iframe的'src'屬性（或類似屬性）。 – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">它工作。我將<a href="http://stackoverflow.com" target="iframe">SO</a>放在external.html文件中。謝謝 – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1038284119" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="clearfix"> </div> <div class="relative-box"> <div class="relative">相關問題</div> <ul class="relative_list"> <li> 1. <a href="http://hk.uwenku.com/question/p-dcmzsexw-cp.html" target="_blank" title="限制youtube嵌入其他網站"> 限制youtube嵌入其他網站 </a> </li> <li> 2. <a href="http://hk.uwenku.com/question/p-cybbghtl-qy.html" target="_blank" title="從其他網站嵌入HTML部分？"> 從其他網站嵌入HTML部分？ </a> </li> <li> 3. <a href="http://hk.uwenku.com/question/p-oajaexxe-yo.html" target="_blank" title="Sharepoint 2010通過其他網站登錄"> Sharepoint 2010通過其他網站登錄 </a> </li> <li> 4. <a href="http://hk.uwenku.com/question/p-sgsypgks-vu.html" target="_blank" title="將網站服務嵌入其他網站的最佳方法"> 將網站服務嵌入其他網站的最佳方法 </a> </li> <li> 5. <a href="http://hk.uwenku.com/question/p-egvxxrzh-dn.html" target="_blank" title="如何將其嵌入我的網站？"> 如何將其嵌入我的網站？ </a> </li> <li> 6. <a href="http://hk.uwenku.com/question/p-fexeqbug-na.html" target="_blank" title="如何將WordPress博客嵌入到其他網站？"> 如何將WordPress博客嵌入到其他網站？ </a> </li> <li> 7. <a href="http://hk.uwenku.com/question/p-okotbmsn-qg.html" target="_blank" title="如何將JW Player的視頻嵌入到其他網站？"> 如何將JW Player的視頻嵌入到其他網站？ </a> </li> <li> 8. <a href="http://hk.uwenku.com/question/p-qnpdvndq-bka.html" target="_blank" title="如何爲其他網站生成/創建嵌入代碼"> 如何爲其他網站生成/創建嵌入代碼 </a> </li> <li> 9. <a href="http://hk.uwenku.com/question/p-ndnzwahf-rr.html" target="_blank" title="如何讓其他用戶將視頻嵌入我的網站？"> 如何讓其他用戶將視頻嵌入我的網站？ </a> </li> <li> 10. <a href="http://hk.uwenku.com/question/p-bqasublo-bod.html" target="_blank" title="如何爲其他網站創建嵌入代碼"> 如何爲其他網站創建嵌入代碼 </a> </li> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-6208739752673518" data-ad-slot="4606349252"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <li> 11. <a href="http://hk.uwenku.com/question/p-kjlccoph-vy.html" target="_blank" title="可以通過高交易網站打倒其他網站"> 可以通過高交易網站打倒其他網站 </a> </li> <li> 12. <a href="http://hk.uwenku.com/question/p-xxvgcxah-bcg.html" target="_blank" title="如何從其他網站"> 如何從其他網站 </a> </li> <li> 13. <a href="http://hk.uwenku.com/question/p-mfhixlty-bkg.html" target="_blank" title="如何通過RSS從其他網站獲取新聞"> 如何通過RSS從其他網站獲取新聞 </a> </li> <li> 14. <a href="http://hk.uwenku.com/question/p-tednipdg-ks.html" target="_blank" title="通過其他計算機通過IIS訪問網站"> 通過其他計算機通過IIS訪問網站 </a> </li> <li> 15. <a href="http://hk.uwenku.com/question/p-nwyhxnzn-x.html" target="_blank" title="如何爲其他人在其網站上分享嵌入代碼？"> 如何爲其他人在其網站上分享嵌入代碼？ </a> </li> <li> 16. <a href="http://hk.uwenku.com/question/p-exghfood-ur.html" target="_blank" title="如何通過iframe嵌入調整大小的網站？"> 如何通過iframe嵌入調整大小的網站？ </a> </li> <li> 17. <a href="http://hk.uwenku.com/question/p-wmhhfvyz-dz.html" target="_blank" title="如何嵌入網站"> 如何嵌入網站 </a> </li> <li> 18. <a href="http://hk.uwenku.com/question/p-zstljeok-ep.html" target="_blank" title="從其他設備通過本地網絡訪問網站？"> 從其他設備通過本地網絡訪問網站？ </a> </li> <li> 19. <a href="http://hk.uwenku.com/question/p-rufdhrpq-q.html" target="_blank" title="可以通過其他網站調用Facebook回調網址"> 可以通過其他網站調用Facebook回調網址 </a> </li> <li> 20. <a href="http://hk.uwenku.com/question/p-mbwcqgyo-dr.html" target="_blank" title="允許部分網站被嵌入到其他網站和不同域"> 允許部分網站被嵌入到其他網站和不同域 </a> </li> <li> 21. <a href="http://hk.uwenku.com/question/p-sjugheis-vt.html" target="_blank" title="將標籤嵌入到ASP.NET中的其他網站中"> 將標籤嵌入到ASP.NET中的其他網站中 </a> </li> <li> 22. <a href="http://hk.uwenku.com/question/p-dlbwkrls-bew.html" target="_blank" title="在網站上嵌入PDF - 無需上傳到其他服務"> 在網站上嵌入PDF - 無需上傳到其他服務 </a> </li> <li> 23. <a href="http://hk.uwenku.com/question/p-eehavuny-bgy.html" target="_blank" title="如果網站已嵌入其他HTTPS網站，HTTPS網站是否會遇到一些安全問題？"> 如果網站已嵌入其他HTTPS網站，HTTPS網站是否會遇到一些安全問題？ </a> </li> <li> 24. <a href="http://hk.uwenku.com/question/p-havuxlxd-np.html" target="_blank" title="如何通過其他列"> 如何通過其他列 </a> </li> <li> 25. <a href="http://hk.uwenku.com/question/p-oskcxbry-uo.html" target="_blank" title="與其他網站"> 與其他網站 </a> </li> <li> 26. <a href="http://hk.uwenku.com/question/p-sclozcir-ub.html" target="_blank" title="從其他網站"> 從其他網站 </a> </li> <li> 27. <a href="http://hk.uwenku.com/question/p-acydsaez-qn.html" target="_blank" title="從其他網站"> 從其他網站 </a> </li> <li> 28. <a href="http://hk.uwenku.com/question/p-vhsnagjc-bmr.html" target="_blank" title="從其他網站"> 從其他網站 </a> </li> <li> 29. <a href="http://hk.uwenku.com/question/p-byebckpn-tg.html" target="_blank" title="如何在Reddit上提交和嵌入來自其他網站的視頻？"> 如何在Reddit上提交和嵌入來自其他網站的視頻？ </a> </li> <li> 30. <a href="http://hk.uwenku.com/question/p-fokbgzid-kd.html" target="_blank" title="如何解決YouTube API嵌入其他網站的限制問題？"> 如何解決YouTube API嵌入其他網站的限制問題？ </a> </li> </ul> </div> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1575177025"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img.uwenku.com/uwenku/script/side.js?t=1644592048261"></script> <script type="text/javascript" src="http://img.uwenku.com/uwenku/plugin/highlight/highlight.pack.js"></script> <link href="http://img.uwenku.com/uwenku/plugin/highlight/styles/docco.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $('pre').each(function(i, e) { hljs.highlightBlock(e, "<span class='indent'> </span>", false) }); </script> <div class="col-lg-3 col-md-4 col-sm-5"> <div id="rightTop"> <div class="row"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="5415218910" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> 最新問題 </div> <div class="m-b-sm m-t-sm clearfix"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://hk.uwenku.com/question/p-ulbtnbgw-bbd.html" target="_blank" title="Laravel雄辯的重音字符問題"> Laravel雄辯的重音字符問題 </a> </li> <li class="side_article_list_item"> 2. <a href="http://hk.uwenku.com/question/p-upypgtde-bax.html" target="_blank" title="不容通過JSON加載的圖像的「SRC」（Vue.js）"> 不容通過JSON加載的圖像的「SRC」（Vue.js） </a> </li> <li class="side_article_list_item"> 3. <a href="http://hk.uwenku.com/question/p-nexbwset-bar.html" target="_blank" title="的xsl：檢查，如果兩個字符串是相等的，如果爲true，則顯示另一個字符串"> 的xsl：檢查，如果兩個字符串是相等的，如果爲true，則顯示另一個字符串 </a> </li> <li class="side_article_list_item"> 4. <a href="http://hk.uwenku.com/question/p-estybhvi-xg.html" target="_blank" title="如何讓我的網站縮小像這個網站？"> 如何讓我的網站縮小像這個網站？ </a> </li> <li class="side_article_list_item"> 5. <a href="http://hk.uwenku.com/question/p-sosmnsxj-yy.html" target="_blank" title="獲取a = SUM公式中求和的單元格數"> 獲取a = SUM公式中求和的單元格數 </a> </li> <li class="side_article_list_item"> 6. <a href="http://hk.uwenku.com/question/p-uxpkqqrc-wz.html" target="_blank" title="從JSONObject中獲取字符串"> 從JSONObject中獲取字符串 </a> </li> <li class="side_article_list_item"> 7. <a href="http://hk.uwenku.com/question/p-axhdozqa-ys.html" target="_blank" title="在kdb中查找日期中的時間戳差異"> 在kdb中查找日期中的時間戳差異 </a> </li> <li class="side_article_list_item"> 8. <a href="http://hk.uwenku.com/question/p-rrziknux-ze.html" target="_blank" title="在更改BoostrapTable X可編輯選擇框時獲取文本而不是值"> 在更改BoostrapTable X可編輯選擇框時獲取文本而不是值 </a> </li> <li class="side_article_list_item"> 9. <a href="http://hk.uwenku.com/question/p-uzvdlekv-xw.html" target="_blank" title="Junit測試 - 每個測試的操作。如何最小化代碼？"> Junit測試 - 每個測試的操作。如何最小化代碼？ </a> </li> </ul> </div> </div> </div> <p class="article-nav-bar"></p> <div class="row sidebar article-nav"> <div class="row box_white visible-sm visible-md visible-lg margin-zero"> <div class="top"> <h3 class="title"><i class="glyphicon glyphicon-th-list"></i> 相關問題</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://hk.uwenku.com/question/p-dcmzsexw-cp.html" target="_blank" title="限制youtube嵌入其他網站"> 限制youtube嵌入其他網站 </a> </li> <li class="side_article_list_item"> 2. <a href="http://hk.uwenku.com/question/p-cybbghtl-qy.html" target="_blank" title="從其他網站嵌入HTML部分？"> 從其他網站嵌入HTML部分？ </a> </li> <li class="side_article_list_item"> 3. <a href="http://hk.uwenku.com/question/p-oajaexxe-yo.html" target="_blank" title="Sharepoint 2010通過其他網站登錄"> Sharepoint 2010通過其他網站登錄 </a> </li> <li class="side_article_list_item"> 4. <a href="http://hk.uwenku.com/question/p-sgsypgks-vu.html" target="_blank" title="將網站服務嵌入其他網站的最佳方法"> 將網站服務嵌入其他網站的最佳方法 </a> </li> <li class="side_article_list_item"> 5. <a href="http://hk.uwenku.com/question/p-egvxxrzh-dn.html" target="_blank" title="如何將其嵌入我的網站？"> 如何將其嵌入我的網站？ </a> </li> <li class="side_article_list_item"> 6. <a href="http://hk.uwenku.com/question/p-fexeqbug-na.html" target="_blank" title="如何將WordPress博客嵌入到其他網站？"> 如何將WordPress博客嵌入到其他網站？ </a> </li> <li class="side_article_list_item"> 7. <a href="http://hk.uwenku.com/question/p-okotbmsn-qg.html" target="_blank" title="如何將JW Player的視頻嵌入到其他網站？"> 如何將JW Player的視頻嵌入到其他網站？ </a> </li> <li class="side_article_list_item"> 8. <a href="http://hk.uwenku.com/question/p-qnpdvndq-bka.html" target="_blank" title="如何爲其他網站生成/創建嵌入代碼"> 如何爲其他網站生成/創建嵌入代碼 </a> </li> <li class="side_article_list_item"> 9. <a href="http://hk.uwenku.com/question/p-ndnzwahf-rr.html" target="_blank" title="如何讓其他用戶將視頻嵌入我的網站？"> 如何讓其他用戶將視頻嵌入我的網站？ </a> </li> <li class="side_article_list_item"> 10. <a href="http://hk.uwenku.com/question/p-bqasublo-bod.html" target="_blank" title="如何爲其他網站創建嵌入代碼"> 如何爲其他網站創建嵌入代碼 </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div>  <footer id="footer"> <div class="bg-simple lt"> <div class="container"> <div class="row padder-v m-t"> <div class="col-xs-8"> <ul class="list-inline"> <li><a href="http://hk.uwenku.com/contact">聯系我們</a></li> <li>© 2020 HK.UWENKU.COM</li> <li><a target="_blank" href="https://beian.miit.gov.cn/">沪ICP备13005482号-4</a></li> <li><script type="text/javascript" src="https://v1.cnzz.com/z_stat.php?id=1280101193&web_id=1280101193"></script></li> <li><a href="http://www.uwenku.com/" target="_blank" title="优文库">简体中文</a></li> <li><a href="http://hk.uwenku.com/" target="_blank" title="優文庫">繁體中文</a></li> <li><a href="http://ru.uwenku.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.uwenku.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.uwenku.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.uwenku.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.uwenku.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.uwenku.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.uwenku.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.uwenku.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.uwenku.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.uwenku.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.uwenku.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer>  <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?f78a970f17b19a79fc477a3378096f29"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>