正文
iframe引入js，iframe引入页面,样式变了
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
如何用js控制frame的隐藏或显示的解决办法
隐藏时通过 js 把 C 删除，显示时再创建一个 frame指向c.html，并添加到 frameset。
name=topwin 请改写成id=topwin，对于window.frameset这样简洁的写法，chrome只认id，而IE则这样处理：先找有没有id=topwin的frameset，如果有直接取到，如果没有，则寻找name=topwin的frameset。
首先iframe中的页面应该与父页面是同域页面，否则跨域的话js无法控制iframe中的内容。
相关问答
Q1: 如何将javascript运用到iframe中
1、首先，我们新建一个网页，用于进行演示，网页代码和效果如下图所示。然后，为button按钮添加onclick事件，响应函数名的addiframeclick()。再添加javascript脚本框架，并写出addiframeclick()函数的声明。addiframeclick()函数的作用是为iframe框架添加onclick()事件。
2、可以的。只要两个页面有一定的关系，无论是通过iframe，还是frameset，甚至是window.open，超链接等等方式，都可以让两个页面之间的js互相调用。注意，是互相调用，也就是说，两者谁都有办法调用另一个的js代码。
3、如果是同一个域，iframe可以调用父窗口的js方法。如果是父窗口调用子窗口内部的方法。不论跨不跨域，都不能调用。解决办法：H5提供的消息机制。支持跨域。在iframe窗口的js代码中，监听事件：window.onmessage=function(e){ //e.data --接收到的字符串。 //e.source ---发送窗口所在的域。
4、比如有A窗口，A内有个IFRAME B，B里面的装载的是C页面，这时C要直接调用A里面的一个自定义函数AFUN()；那么只要在C页面中写如下JS函数就可以了：window.parent.AFUN()；如果AFUN()有参数也可以直接传递合适的参数进去。
Q2: js高手,在iframe中弹出加载的窗口?
1、浏览器总在一个新打开、未命名的窗口中载入目标文档。_self 这个目标的值对所有没有指定目标的 a 标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的，除非和文档标题 base 标签中的 target 属性一起使用。
2、是否改变窗口大小，是允许的； 位置=否 是否显示地址栏，是允许的； Status=no是否显示状态栏中的信息(通常文件已经打开)，yes是允许的； 示例：window.open(page.aspx iframe框架页面中弹出窗口如何使用JS回调？ 可能是：冒泡所致，阻止冒泡，就可以了。js执行分为两个阶段，一个是捕获，然后就是冒泡。
3、具体操作步骤： 在mainFrame中添加一个需要弹出的div，先把这个div隐藏。写法：document.getElementById(div).style.display=none； 在leftFrame中的按钮点击时，调用这个隐藏在mainFrame中的div，让他再次 显示。
4、实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法。比如有A窗口，A内有个IFRAME B，B里面的装载的是C页面，这时C要直接调用A里面的一个自定义函数AFUN()；那么只要在C页面中写如下JS函数就可以了：window.parent.AFUN()；如果AFUN()有参数也可以直接传递合适的参数进去。
5、你好，这个只能在父页面设置遮罩层，点击iframe内的按钮或连接，触发父页面的js，让父页面的遮罩层显示出来。这个关键点是如何操作父页面的问题。用 parent.xxx()就可以触发父页面js中的 xxx函数。
6、其实iframe是一个独立的页面，与父页面是嵌套但变量独立的关系。
Q3: 调用iframe中的js问题
1、比如有A窗口，A内有个IFRAME B，B里面的装载的是C页面，这时C要直接调用A里面的一个自定义函数AFUN()；那么只要在C页面中写如下JS函数就可以了：window.parent.AFUN()；如果AFUN()有参数也可以直接传递合适的参数进去。
2、如iframe src=../test.html id=frame1/iframe 调用格式应为：frametest()，光用test()显然是找不到的，另外子窗体中定义的全局变量也可以用类似格式。IE8测试通过，其它不知。
3、其实iframe是一个独立的页面，与父页面是嵌套但变量独立的关系。
Q4: 请教:怎么样在iframe中调用父窗体中的JS对象
1、window.parent.frames[leftFrame].JSMenu(MenuUl+Sid)；/// 还有下面一种，没测试过 并不是象通常那样iframeName.test()；——test()为iframe里的方法。因为要写一个通用一点的东西，所以是从一个配置文件中动态获取到iframe的id。然后调用里面的方法。可是不成功。相烦帮忙看一看。
2、iframe子页面调用父页面js函数 子页面调用父页面函数只需要写上window.praent就可以了。
3、您好，我来为您解楼主请你搞清楚，iframe就是一个单独的网页窗口，你要什么js和css都要自己搞进去才会有，即便能实现继承父页面的，那么资源占用也超大。如果真的要继承，AJAX或者PJAX是你的选择！如果我的回答没能帮助您，请继续追问。
4、Firefox， Chrome 测试通过，没问题。如果在IE 中有问题， 可能是因为array元素所指向的对象随着子页面关闭，也已经不存在，所以产生错误。
5、你好，这种情况理论上应该不会出现，因为当你设置iframe src=http：//这样时，页面会在iframe里正常显示，所以肯定不能是b.html的引用出了问题。
6、css不行 js可以调用父级方法使用parent.xxx()、parent.parent.xxx()、top.xxx()。。
Q5: 用js互相调用iframe页面内的js函数
调用父窗口函数 window.parent.POPUP(bigFram)； 内容来自零度科技 父窗口调用iframe子窗口方法 iframe name=myFrame src=child.html/iframe myFrame.window.functionName()；iframe子窗口调用父窗口方法 parent.functionName()；用js互相调用iframe页面内的js函数。
只要在代码前加入window对象就可以运行指定的window下的方法了，例如 在A.html（或其他文件）中写frames[rightFrame].location.reload()，rightFrame这个框架中的页面就刷新了。
其中parent.html中含有IFrame并且IFrame指向child.html。现在需要在parent.html/child.html中调用child.html/parent.html的一个js方法。
关于iframe引入js和iframe引入页面,样式变了的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
