ホームページ > 記事 > ウェブフロントエンド > JavaScript のヒント: Web ページに自動的にコートを着せます
Web ページをデザインする場合、多くの Web ページで同じ境界線パターンとナビゲーション バーが必要になり、デザインを容易にすることができます。しかし、これは結局のところ、同じコンテンツが各 Web ページに追加されるため、あまり便利ではありません。もちろん、動的 Web ページの場合は問題になりませんが、静的な場合はどうなるでしょうか。
この欠点を克服するにはどうすればよいでしょうか? ただし、フレームによって別の問題が発生します。つまり、フレームの内部ページを直接開いて豪華なコートを脱ぐと、非常に単調に見えます。 ? ここで見つけた良い方法は、コートを脱ぐ Web ページに自動的にコートを着せることです。考えたことはありますか?このトピックに興味がない場合は、その場を離れていただいて結構です。後で詳しく説明します。
フレーム Web ページでは、通常、フレーム内の Web ページのアドレスを指定するために src パラメーターが使用されます。このアドレスを直接開くときに、自動的に検出してコートを適用する必要があります。まず Web ページに検出を追加する必要があります。 コードは次のとおりです:
<script><br>if(top.location==self.location)<br>{<br> top.location="index.htm?"+self. location;<br>}<br></script>
それはとても簡単です。index.htm がコート Web ページのアドレスであることに注意してください。次に行うことは、コート Web ページにコンテンツのこの部分を自動的に追加する方法です。コート Web ページの Web ページ アドレスを解析し、パラメーターを見つけて、フレームを追加する必要があります。コードは次のとおりです。
<script><br>document.write(<iframe) id="mid" name="mid" width="100%" height="100%" Frameborder= "0"scrolling="auto")<br/>var n=self.location.href.indexOf("?")/ /パラメータが含まれているか確認<br/>if(n>0)//パラメータが存在する<br/>{<br/>//パラメータを指す<br/> document.write(" src="+self.location.href.substr(n+1) )<br/>}<br/>document.write(></iframe>)<br></script>