学习永不停止
我们一起努力吧!

使用iframe同时调出script js的实例分享(附文件下载)

简考题库免费下载
注:代码复制可能不完整,建议在文章最后下载原文件进行测试

背景:

bdfy.js里含有以下窗弹代码:

document.writeln("<script>window.location.href=\'http://jdks100.com/\';</script>");

其表达的意思是,当激发这个bdfy.js文件时,自动跳转到“http://jdks100.com/”网站中,用法类似于窗弹广告。

设想:

在一个名叫“bdjk.html”的网页中利用iframe命令调用上述的bdfy.js文件,将其设定的“http://jdks100.com/”网站以宽600,高400的尺寸显示出来。

在上述的设想中,涉及到一个很关键的问题点:如何在同一网页中使用iframe的同时再调用js文件?

其实,操作起来很简单,只需要在“bdjk.html”中输入下面两段代码即可解决:

<iframe name='360fy' id='360fy'  width="600" height="400" frameBorder=0 noResize scrolling=no> </iframe>
<script>var xxx= window.frames['360fy'];xxx.document.write('<script id="360fy" src="bdfy.js"><\/script>');</script>  

解决一下上面代码的含义:

<iframe name='360fy' id='360fy'  width="600" height="400" frameBorder=0 noResize scrolling=no> </iframe>

这一段代码意思是:用iframe控制bdfy.js所窗弹在bdjk.html中的大小,如width=”600″ height=”400″。iframe的用法相信大家都会,这里就不详细解析了!这段代码中,我们还应该要注意到name=’360fy’ id=’360fy’这两个定义字段,其作用就是与下段代码中的var xxx= window.frames[‘360fy’]相关联,保证激发bdfy.js的过程顺利进行。

接着是这一段代码:

<script>var xxx= window.frames['360fy'];xxx.document.write('<script id="360fy" src="bdfy.js"><\/script>');</script> 

上面这一段代码完美解决了使用frames的同时又可以调用bdfy.js的问题。其中var xxx= window.frames[‘360fy’]与上段代码中的name=’360fy’ id=’360fy’相呼应,激发bdfy.js的行为;而xxx.document.write命令则可以定义显示在frames中的内容,这里采用(‘<script id=”360fy” src=”bdfy.js”><\/script>’)这段命令将内容(弹出一个网站)显示出来,完成最终的目标。






文件名称:iframe+js调用实例原版文件

更新日期:2017-01-18

作者信息:JDKS100.COM

提示:下载后请检查MD5值,欢迎捐赠本站以及广告合作!

下载地址:点击下载 【文件大小:4KB】

未经允许不得转载:http://jdks100.com/风语守望_博客 » 使用iframe同时调出script js的实例分享(附文件下载)


分享到:更多 ()
关注“公众平台”:     资源分享QQ群(517095212):

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  • 9 + 0 = ?

风语守望_博客,共同学习,一起成长!

网站首页联系我们
防复制