知识大全 JavaScript技巧:让网页自动穿上外套

Posted

篇首语:胸怀万里世界, 放眼无限未来。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 JavaScript技巧:让网页自动穿上外套相关的知识,希望对你有一定的参考价值。

JavaScript技巧:让网页自动穿上外套  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!

  进行网页设计时 许多网页都需要相同的边框图案和导航条 FrontPage给我们提供了共享边框方便设计 但是 这样也不太方便 毕竟每个网页都添加了相同的内容 无形中网页增大了 当然 对于动态网页 这不是问题 但是 如果是静态的呢?

  怎样可以克服这个缺点 通过框架可以实现这些的 只是 框架又引来了另一个麻烦 就是如果直接打开框架内部网页 脱去了华丽的外套 是不是显得很单调 这里我们找一种好的方法 让脱去外套的网页自动穿上外套 你想到了吗?如果你对这个议题不感兴趣 你可以走开了 下面我们详细讨论

  在框架网页中 通常使用src参数指定框架内的网页地址 我们要做的就是 当直接打开这个地址时 让它自动监测然后再穿上外套 当然 首先要在网页内添加检测代码 如下

  

  <script>if(top location==self location)  top location= ? +self location;</script>

  就这么简单 注意 是外套网页地址 接下来要做的就是 怎样让外套网页自动添加这部分内容 我们要在外套网页中解析网页地址 找到参数 然后将框架src参数指向该参数就行了 代码如下

  

  <script>document write( <iframe id= mid name= mid width= % height= % frameborder= scrolling= auto )var n=self location href indexOf( ? )//查看是否包含参数if(n> )//存在参数//指向参数document write( src= +self location href substr(n+ ))document write( ></iframe> )</script>

cha138/Article/program/Java/JSP/201311/19783

相关参考

知识大全 Javascript自动关闭窗口

Javascript自动关闭窗口  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!在网页源代码中加入下

知识大全 JavaScript实现酷“网页时钟”

JavaScript实现酷“网页时钟”  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  只须将如下

知识大全 Javascript实现刷新网页代码汇总

Javascript实现刷新网页代码汇总  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  hist

知识大全 Javascript设计网页中的下拉菜单

Javascript设计网页中的下拉菜单  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!在网页制作时

知识大全 用JavaScript改进你的网页框架

用JavaScript改进你的网页框架  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!有两种网页设计

知识大全 Javascript代码如何应用到网页中

Javascript代码如何应用到网页中  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!    在今

知识大全 妙用JavaScript实现网页的任意缩放

妙用JavaScript实现网页的任意缩放  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  现在网

知识大全 用JavaScript代码给网页热键功能

用JavaScript代码给网页热键功能  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  <

知识大全 用Javascript使网页图片产生旋转效果

用Javascript使网页图片产生旋转效果  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  Ro

知识大全 JavaScript网页验证函数(使用正则表达式)

JavaScript网页验证函数(使用正则表达式)  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!