用js互相调用iframe页面的方法
最近,天天搞论文开题报告,一时技痒,再次设计Web,一下子就碰到一个问题,以前设计WEB页的时候都是在IE里 面跑的,从来没有考虑过firefox 更别提chrome了,可是现在不同了,至少我认为不兼容Firefox的WEB页面是极其丑陋和山寨的,所以从有个这个观念开始,我设计页面就开始注意 这个兼容性,而这次就碰到一个兼容性的问题,html里面有一个浮动框架,<iframe >,可以在页面中内嵌入一个页面,用来做框架页面非常适合。
一个html页面,分成左右两块,左边为导航栏,右边为需要显示的内容,代码如下:
左栏的代码为:
<IFRAME frameBorder=0 id=frmTitleLeft name=framLeft src="" style="HEIGHT: 100%; width:180px;">
连接到
右栏也类似,就本人所做的.页面,预览的效果如下:
现在要达到什么样的效果才能起到比较实用的效果呢,点击其中的任何链接,都可以在右栏显示,那么很显然需要通过js来实现,原始的不兼容的办法我也不多说了,请大家记住以下实现步骤:
1,首先获得右栏iframe对象
var frames=lementById("frameid");//frameid即右栏iframe的id名
2,重置其src值
=pageurl;//pageurl即要显示的目的页面
这样就实现了页面的跳转
但是还有一点,如果想调用其中的函数就不是这么简单了
比如右栏中有一个函数right(),我要在左栏的链接中调用right()函数,该如何实现呢
1,首先leftframe是内嵌在容器页中的,因此需要先返回到index这一级别,并取得rightframe对象
var frames=lementById("frameid");
2,要能执行其页面中的函数,必须要获得Window对象,这里有一个重要的对象contentWindow,获得这个对象,即可执行其中的函数了,如
t();
-
有关JavaScript中的prototype.bind()方法介绍
以前,你可能会直接设置self=this或者that=this等等,这样做当然也能起作用,但是使用()会更好,看上去也更专业。下面举个简单的例子:复制代码代码如下:varmyObj={specialFunction:function(){},anotherSpecialFunction:function(){},getAsyncData:function(cb){cb();}...
-
css经典教程
css经典教程1有些习惯显得尤为重要,今天与您分享六个CSS习惯。因为习惯其实是会变的,所以只能写“最近”的。这些习惯都跟技术无关,如果不遵守,也不会出错。但是我觉得良好的习惯会体现一个人的素质。我们在中向大家介绍过很多CSS经验与技巧,这些东西都发布在/css/...
-
如何理解Javascript的caller,callee,call,apply区别
在提到上述的概念之前,首先想说说javascript中函数的隐含参数:argumentsarguments该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function:选项。当前正在执行的Function对象的名字。n:选项。要传递给Function对象的从0开始的参数值...
-
网页设计的布局
网页设计的工作目标,是通过使用更合理的颜色、字体、图片、样式进行页面设计美化,在功能限定的情况下,尽可能给予用户完美的视觉体验。以下是小编为您带来的网页设计的布局,看看吧!网页设计的布局11、响应式网页设计响应式网页设计是网页设计的一种技术,可在N多种浏...