Q

Ansicht html Seite innerhalb eines anderen html

2011-01-01 19 views 0 likes

0

Ich möchte wissen, wie kann ich html Seite in einem anderen HTML enthalten, da ich keine serverseitigen Sprachen verwenden, möchte ich nur über HTML und CSS. Ich möchte über den Anker klicken und dann das HTML im zentralen div der Seite anzeigen, da ich die HTML-Seite zu Kopfzeile, Fußzeile und Körper teile.Ansicht html Seite innerhalb eines anderen html

2011-01-01 palAlaa

+2

Verwendung vielleicht, <frameset> auch verwendet werden könnte. Aber diese Art, Webseiten zu erstellen, ist wirklich alt. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/445600/">starcorn</a></span> <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">Ich glaube nicht <iframe> machen was ich will! – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/2067571/">palAlaa</a></span> <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">Wenn Sie die Seite nicht neu laden möchten, benötigen Sie Javascript und eine serverseitige Sprache. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/176923/">nico</a></span> <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">Antwort</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>Sie können jQuery verwenden, um die HTML-Seite vom Server abzurufen und den Inhalt innerhalb der gewünschten <code class="prettyprint-override">div</code> festzulegen. binden Sie ihn einfach an das Ereignis Click des Ankers, so etwas wie diese:</p> <pre><code class="prettyprint-override">$('#myanchor').click(function() { $.get('mypage.html', function(data) { $('#mydiv').html(data); }); }); </code></pre> <p>(Beachten Sie, dass diese freihändig Code ist, ich habe es nicht getestet, aber Sie bekommen die Idee..)</p> </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/4575711">Quelle</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2011-01-01 20:50:38</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/328193/">David</a></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">+0</span></div> <div class="col-lg-11"> <p class="commenttext">Ich möchte die Seite nicht über den Server aufrufen, ich möchte sie nur reedern. Kannst du deinen Code durch js nicht jquery schreiben? – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/2067571/">palAlaa</a></span> <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">+3</span></div> <div class="col-lg-11"> <p class="commenttext">@David Das sollte funktionieren, aber die Mischung aus jQuery und 'href =" javascript: 'ist bestenfalls unorthodox ... – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/417562/">lonesomeday</a></span> <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">@lonesomeday: Stimmt, es war ein Eilauftrag. Besser, an das click -Ereignis zu binden. Markup mischen und Code ist nie gut. Code aktualisiert. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/328193/">David</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="4319274062" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <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> </div> <div class="post-offset"> <div class="answer fmt"> <p>Javascript verwenden:</p> <p>Mit dem HTML OBJECT-Tag: <a href="http://www.rgagnon.com/jsdetails/js-0102.html" rel="nofollow">Insert a text file into a page</a></p> </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/4575712">Quelle</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2011-01-01 20:51:31</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/25122/">RealHowTo</a></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">+0</span></div> <div class="col-lg-11"> <p class="commenttext">Wie kann ich Objekt-Tags aufrufen, wenn ich auf einen Anker klicke? – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/2067571/">palAlaa</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> </div> <div class="clearfix"> </div> <div class="relative-box"> <div class="relative">Verwandte Themen</div> <ul class="relative_list"> <li> 1. <a href="http://de.voidcc.com/question/p-gcmmsazj-bn.html" target="_blank" title="loading html Seite innerhalb div"> loading html Seite innerhalb div </a> </li> <li> 2. <a href="http://de.voidcc.com/question/p-wubiqjwi-x.html" target="_blank" title="HTML: Float innerhalb eines Schwimmers"> HTML: Float innerhalb eines Schwimmers </a> </li> <li> 3. <a href="http://de.voidcc.com/question/p-zxupcbla-er.html" target="_blank" title="Scrapy: Anfordern eines anderen html innerhalb von parse()"> Scrapy: Anfordern eines anderen html innerhalb von parse() </a> </li> <li> 4. <a href="http://de.voidcc.com/question/p-wdkiqvlt-cs.html" target="_blank" title="Rendern Sie eine einzelne jsp/html Seite Seite an Seite mit anderen Daten (vergleichbare Ansicht)"> Rendern Sie eine einzelne jsp/html Seite Seite an Seite mit anderen Daten (vergleichbare Ansicht) </a> </li> <li> 5. <a href="http://de.voidcc.com/question/p-kcuyhrvx-dd.html" target="_blank" title="Riot.JS: Tag innerhalb Tag in HTML Seite"> Riot.JS: Tag innerhalb Tag in HTML Seite </a> </li> <li> 6. <a href="http://de.voidcc.com/question/p-baotvmaw-c.html" target="_blank" title="Wie haben Html-Entitäten innerhalb asp.net-Seite?"> Wie haben Html-Entitäten innerhalb asp.net-Seite? </a> </li> <li> 7. <a href="http://de.voidcc.com/question/p-scrsjfii-bk.html" target="_blank" title="Nest HTML-Tags innerhalb HTML"> Nest HTML-Tags innerhalb HTML </a> </li> <li> 8. <a href="http://de.voidcc.com/question/p-vrgqsgwx-dg.html" target="_blank" title="Javascript - Deaktivieren Hyper Link eines HTML-Frame von der anderen HTML-Seite"> Javascript - Deaktivieren Hyper Link eines HTML-Frame von der anderen HTML-Seite </a> </li> <li> 9. <a href="http://de.voidcc.com/question/p-qtbpcgwc-m.html" target="_blank" title="Parsing HTML erhalten Text innerhalb eines Elements"> Parsing HTML erhalten Text innerhalb eines Elements </a> </li> <li> 10. <a href="http://de.voidcc.com/question/p-kiruutvi-cz.html" target="_blank" title="HTML CSS Tabellenpositionierung innerhalb eines div"> HTML CSS Tabellenpositionierung innerhalb eines div </a> </li> <li> 11. <a href="http://de.voidcc.com/question/p-vdwwrizj-d.html" target="_blank" title="Layering innerhalb eines HTML in einer Webansicht"> Layering innerhalb eines HTML in einer Webansicht </a> </li> <li> 12. <a href="http://de.voidcc.com/question/p-efeemxek-cd.html" target="_blank" title="HTML-Seite drucken"> HTML-Seite drucken </a> </li> <li> 13. <a href="http://de.voidcc.com/question/p-athyxtvg-a.html" target="_blank" title="Ansicht als HTML-Funktion"> Ansicht als HTML-Funktion </a> </li> <li> 14. <a href="http://de.voidcc.com/question/p-pqkluohp-bz.html" target="_blank" title="Ansicht als HTML-Funktion"> Ansicht als HTML-Funktion </a> </li> <li> 15. <a href="http://de.voidcc.com/question/p-qthkjebt-dt.html" target="_blank" title="Wie man eine PHP-Seite (mit HTML) in einer anderen PHP-Seite (mit HTML) zeigt"> Wie man eine PHP-Seite (mit HTML) in einer anderen PHP-Seite (mit HTML) zeigt </a> </li> <li> 16. <a href="http://de.voidcc.com/question/p-pzqyjamb-r.html" target="_blank" title="Wie kann ich HTML/JSP innerhalb einer Seite wiederverwenden?"> Wie kann ich HTML/JSP innerhalb einer Seite wiederverwenden? </a> </li> <li> 17. <a href="http://de.voidcc.com/question/p-spuggodo-p.html" target="_blank" title="kann kein HTML innerhalb einer Ansicht Rails 3 machen"> kann kein HTML innerhalb einer Ansicht Rails 3 machen </a> </li> <li> 18. <a href="http://de.voidcc.com/question/p-ujmwebhe-er.html" target="_blank" title="JQuery: html Änderung innerhalb"> JQuery: html Änderung innerhalb </a> </li> <li> 19. <a href="http://de.voidcc.com/question/p-qqqrugqi-ca.html" target="_blank" title="Verschieben eines Charakters innerhalb eines Arrays auf einer HTML-Seite mit PHP, Jquery und Onkeydown-Ereignissen"> Verschieben eines Charakters innerhalb eines Arrays auf einer HTML-Seite mit PHP, Jquery und Onkeydown-Ereignissen </a> </li> <li> 20. <a href="http://de.voidcc.com/question/p-uvikfvjx-bs.html" target="_blank" title="koordiniert Exact von html-Elemente innerhalb eines iFrame"> koordiniert Exact von html-Elemente innerhalb eines iFrame </a> </li> <li> 21. <a href="http://de.voidcc.com/question/p-wiylivbq-ek.html" target="_blank" title="Python Flask SQLAlchemy-Paginator Zugriff nächste Seite in HTML-Ansicht"> Python Flask SQLAlchemy-Paginator Zugriff nächste Seite in HTML-Ansicht </a> </li> <li> 22. <a href="http://de.voidcc.com/question/p-xpodjinq-ep.html" target="_blank" title="Schriftfarbe html innerhalb tag nicht"> Schriftfarbe html innerhalb tag nicht </a> </li> <li> 23. <a href="http://de.voidcc.com/question/p-eeehswem-g.html" target="_blank" title="Öffnen Sie die HTML-Seite"> Öffnen Sie die HTML-Seite </a> </li> <li> 24. <a href="http://de.voidcc.com/question/p-rktgznjd-bt.html" target="_blank" title="Verzeichnisauswahl in HTML-Seite"> Verzeichnisauswahl in HTML-Seite </a> </li> <li> 25. <a href="http://de.voidcc.com/question/p-xrimklvt-eg.html" target="_blank" title="HTML statische Seite navbar"> HTML statische Seite navbar </a> </li> <li> 26. <a href="http://de.voidcc.com/question/p-dghbedlj-cb.html" target="_blank" title="HTML-Seite zoomen standardmäßig"> HTML-Seite zoomen standardmäßig </a> </li> <li> 27. <a href="http://de.voidcc.com/question/p-mpvjxfew-cu.html" target="_blank" title="Anpassung der HTML-Seite"> Anpassung der HTML-Seite </a> </li> <li> 28. <a href="http://de.voidcc.com/question/p-zcpdkbne-cx.html" target="_blank" title="! DOCTYPE html zerstört Seite"> ! DOCTYPE html zerstört Seite </a> </li> <li> 29. <a href="http://de.voidcc.com/question/p-yclvdsmi-eg.html" target="_blank" title="MathsJax in HTML Seite"> MathsJax in HTML Seite </a> </li> <li> 30. <a href="http://de.voidcc.com/question/p-khbrszxo-eq.html" target="_blank" title="URL Redirect HTML Seite"> URL Redirect HTML Seite </a> </li> </ul> </div> <div> <script async src="//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="3534119089"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img2.voidcc.com/voidso/script/side.js?t=1652515422091"></script> <script type="text/javascript" src="http://img2.voidcc.com/voidso/plugin/highlight/highlight.pack.js"></script> <link href="http://img2.voidcc.com/voidso/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="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="3862022848" 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"> Letzte Frage </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://de.voidcc.com/question/p-vkdiania-nh.html" target="_blank" title="Verwenden von Lodash Debounce in React, um das Anfordern von Daten zu verhindern, solange der Benutzer schreibt"> Verwenden von Lodash Debounce in React, um das Anfordern von Daten zu verhindern, solange der Benutzer schreibt </a> </li> <li class="side_article_list_item"> 2. <a href="http://de.voidcc.com/question/p-kctxvwhz-nh.html" target="_blank" title="asp.net Kern MVC-Tag Helfer für Bootstrap toggle"> asp.net Kern MVC-Tag Helfer für Bootstrap toggle </a> </li> <li class="side_article_list_item"> 3. <a href="http://de.voidcc.com/question/p-ckrtxicm-ng.html" target="_blank" title="Angezeigtes Bild auf umgeleiteter Seite über Flask und html anzeigen"> Angezeigtes Bild auf umgeleiteter Seite über Flask und html anzeigen </a> </li> <li class="side_article_list_item"> 4. <a href="http://de.voidcc.com/question/p-mloyfuff-ng.html" target="_blank" title="Wie hashtable sicher Objektschlüssel macht in einen eindeutigen Index in JavaScript"> Wie hashtable sicher Objektschlüssel macht in einen eindeutigen Index in JavaScript </a> </li> <li class="side_article_list_item"> 5. <a href="http://de.voidcc.com/question/p-bnaqkrbs-nd.html" target="_blank" title="tkinter Gitter und vererbte Objekt"> tkinter Gitter und vererbte Objekt </a> </li> <li class="side_article_list_item"> 6. <a href="http://de.voidcc.com/question/p-hwqxxarb-ne.html" target="_blank" title="Kann nicht Lenker partials bekommen mit Express arbeiten"> Kann nicht Lenker partials bekommen mit Express arbeiten </a> </li> <li class="side_article_list_item"> 7. <a href="http://de.voidcc.com/question/p-hjszbmdz-na.html" target="_blank" title="Node.js „require“ - Vermeidung doppelte Lauf"> Node.js „require“ - Vermeidung doppelte Lauf </a> </li> <li class="side_article_list_item"> 8. <a href="http://de.voidcc.com/question/p-okhsraiv-nc.html" target="_blank" title="Hover Übergang auf dem Display funktioniert nicht"> Hover Übergang auf dem Display funktioniert nicht </a> </li> <li class="side_article_list_item"> 9. <a href="http://de.voidcc.com/question/p-vmluqror-my.html" target="_blank" title="Laravel - Datei importieren mit Octet-Stream"> Laravel - Datei importieren mit Octet-Stream </a> </li> <li class="side_article_list_item"> 10. <a href="http://de.voidcc.com/question/p-xmnzzejc-mz.html" target="_blank" title="Wie behandeln einreichen für alle dynamisch erstellte Formulare"> Wie behandeln einreichen für alle dynamisch erstellte Formulare </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> Verwandte Themen</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://de.voidcc.com/question/p-gcmmsazj-bn.html" target="_blank" title="loading html Seite innerhalb div"> loading html Seite innerhalb div </a> </li> <li class="side_article_list_item"> 2. <a href="http://de.voidcc.com/question/p-wubiqjwi-x.html" target="_blank" title="HTML: Float innerhalb eines Schwimmers"> HTML: Float innerhalb eines Schwimmers </a> </li> <li class="side_article_list_item"> 3. <a href="http://de.voidcc.com/question/p-zxupcbla-er.html" target="_blank" title="Scrapy: Anfordern eines anderen html innerhalb von parse()"> Scrapy: Anfordern eines anderen html innerhalb von parse() </a> </li> <li class="side_article_list_item"> 4. <a href="http://de.voidcc.com/question/p-wdkiqvlt-cs.html" target="_blank" title="Rendern Sie eine einzelne jsp/html Seite Seite an Seite mit anderen Daten (vergleichbare Ansicht)"> Rendern Sie eine einzelne jsp/html Seite Seite an Seite mit anderen Daten (vergleichbare Ansicht) </a> </li> <li class="side_article_list_item"> 5. <a href="http://de.voidcc.com/question/p-kcuyhrvx-dd.html" target="_blank" title="Riot.JS: Tag innerhalb Tag in HTML Seite"> Riot.JS: Tag innerhalb Tag in HTML Seite </a> </li> <li class="side_article_list_item"> 6. <a href="http://de.voidcc.com/question/p-baotvmaw-c.html" target="_blank" title="Wie haben Html-Entitäten innerhalb asp.net-Seite?"> Wie haben Html-Entitäten innerhalb asp.net-Seite? </a> </li> <li class="side_article_list_item"> 7. <a href="http://de.voidcc.com/question/p-scrsjfii-bk.html" target="_blank" title="Nest HTML-Tags innerhalb HTML"> Nest HTML-Tags innerhalb HTML </a> </li> <li class="side_article_list_item"> 8. <a href="http://de.voidcc.com/question/p-vrgqsgwx-dg.html" target="_blank" title="Javascript - Deaktivieren Hyper Link eines HTML-Frame von der anderen HTML-Seite"> Javascript - Deaktivieren Hyper Link eines HTML-Frame von der anderen HTML-Seite </a> </li> <li class="side_article_list_item"> 9. <a href="http://de.voidcc.com/question/p-qtbpcgwc-m.html" target="_blank" title="Parsing HTML erhalten Text innerhalb eines Elements"> Parsing HTML erhalten Text innerhalb eines Elements </a> </li> <li class="side_article_list_item"> 10. <a href="http://de.voidcc.com/question/p-kiruutvi-cz.html" target="_blank" title="HTML CSS Tabellenpositionierung innerhalb eines div"> HTML CSS Tabellenpositionierung innerhalb eines div </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://de.voidcc.com/contact">Sprechen Sie uns an</a></li> <li>© 2020 DE.VOIDCC.COM</li> <li><a rel="nofollow" href="https://beian.miit.gov.cn/" target="_blank">沪ICP备13005482号-13</a></li> <li><script type="text/javascript" src="https://s9.cnzz.com/z_stat.php?id=1280098168&web_id=1280098168"></script></li> <li><a href="http://cn.voidcc.com/" target="_blank" title="程序问答园区">简体中文</a></li> <li><a href="http://hk.voidcc.com/" target="_blank" title="程序問答園區">繁體中文</a></li> <li><a href="http://ru.voidcc.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.voidcc.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.voidcc.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.voidcc.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.voidcc.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.voidcc.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.voidcc.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.voidcc.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.voidcc.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.voidcc.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.voidcc.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-77509369-5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-77509369-5'); </script> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?67d4731349f0b00136755b80364ce381"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>