发现一个IE和FF的iframe不兼容的地方

最新推荐文章于 2022-01-29 00:33:39 发布
最新推荐文章于 2022-01-29 00:33:39 发布
阅读量2.8k 收藏
点赞数
文章标签： iframe ie javascript div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/familyX/article/details/2511598
版权

下面的这段代码，假如images文件夹下有个图片logo1.jpg。

<script language=javascript><!--function $(){ showpic.document.body.innerHTML="<div align=center><img src='images/logo1.jpg'></div>";}--></script><body οnlοad="$()" ><iframe frameborder=1 width=776 height=200 id="showpic" name="showpic" allowTransparency="true" STYLE="background-color: green"></iframe><a οnclick="alert(showpic.document.body.innerHTML)">ddd</a></body>

那么上面这段代码在IE下显示正常。但是在FF下就不显示图片。因为在FF下的iframe里的图片要用绝对路径。比如改为下下代码就可以

<script language=javascript><!--function $(){ showpic.document.body.innerHTML="<div align=center><img src='http://www.doulaicha.com/images/logo1.jpg'></div>";}--></script><body οnlοad="$()" ><iframe frameborder=1 width=776 height=200 id="showpic" name="showpic" allowTransparency="true" STYLE="background-color: green"></iframe><a οnclick="alert(showpic.document.body.innerHTML)">ddd</a></body>

familyX
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
IE下去掉iframe边框兼容IE7\IE8\IE6以下
12-13
【IE6以下】 iframe边框通过css设定在FF下...【IE7\IE8下】 遇到一个郁闷的问题，ie8,ie7 iframe 的边框无法去除,试过用脚本和样式添加frameBorder，border 等属性都无法去除。 iframe append到页面之前设置是有效的
《JavaScript DOM编程艺术》笔记(四)：图片库改进版
baidu_29474379的博客
11-13 218
回顾之前的代码，即使js功能已被禁用，用户也能浏览图片库里的所有图片，网页里的所有连接也都可以正常工作： &lt;li&gt; &lt;a href="image/btn_acomlete_1.png" onclick="showPic(this);return false;" title="A fireworks display"&gt;Firework&lt;/a&gt; &am
Javascript DOM 编程艺术学习笔记（3-6章）
m0_53742823的博客
01-29 973
4.案例研究：JavaScript图片库 关于为什么要用JavaScript创建图片库，有什么好处？ 如果简单地把所有图片放在一个网页中，这份文档就会变得过于庞大，用户下载这个网页的数据量就会变大，等待时间就会过长。因此为每张图片分别创建一个网页的解决方案值得考虑，使一个庞大的图片集合的网页变成许多便于下载浏览的网页，但给每张图片制作网页过于麻烦，因此用JavaScript来创建一个图片库将是最佳选择：把整个图片库的浏览链接安排在图片库主页中，只在用户点击这个主页的某个图片链接的时候才把相应图片传送给他
移动端 iframe 在ios会被撑开，不兼容问题
Elvan_lz的博客
05-08 1969
刚进公司的时候，接手的项目里就遇到了这样的问题，iframe外部使用js设置了html的font-size，以便使用rem。在安卓的表现很正常，然而在ios里，iframe里面的内容无法做到自适应，致使子页面元素的宽将iframe撑开。 为了解决这个问题，网上找了几个方法，都试了下，最后找到了解决方法。 <iframe src="test.html" ...
IE浏览器兼容iframe跳转
u010668910的博客
03-25 3542
IE浏览器兼容iframe跳转
js实现的真正的iframe高度自适应(兼容IE,FF,Opera)
12-09
找到了下面这个js 代码如下: function SetCwinHeight(obj) { var cwin=obj; if (document.getElementById) { if (cwin && !window.opera) { if (cwin.contentDocument && cwin.contentDocument.body.offsetHeight) ...
解决iframe的frameborder在chrome/ff/ie下的差异
12-12
代码如下: var iframe = document.createElement... 使用IE中“查看选定区域源代码”发现创建的iframe代码是<IFRAME frameborder=0/>，网上搜了下资料，原来是IE不认小写，我晕死…. 使用 代码如下: setAttribute
JQuery自适应IFrame高度（支持嵌套 兼容IE,ff,safafi,chrome）
10-28
很高兴，终于使用jquery实现了点击外部链接，更改iframe内容时，iframe的高度自适应问题。
IE中iframe兼容性问题
weixin_30462049的博客
05-05 1135
在使用iframe的时候，有时候想要让调用的iframe框架里面的不显示白背景，让它变得透明，在firefox是透明的，但是在IE浏览器却不透明。 这个其实比较容易解决，只需要增加一个属性即可。 就是在iframe标签中加入属性allowtransparency="true" <iframe src="weste.html" id="rs...
js操作iframe兼容各种浏览器
923723914
07-22 346
在做项目时，遇到了操作iframe的相关问题。业务很简单，其实就是在操作iframe内部某个窗体时，调用父窗体的一个函数。于是就写了两个很简单的htm页面用来测试，使用网上流行的方法在谷歌浏览器中始终报错，不能通过。 父页面parent.html的代码如下 &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt;&...
iframe框架高度自适应在兼容模式下(ie7)不兼容的解决方法
a_c_c_a的专栏
05-09 1638
因为ie7之前的版本不兼容contentDocument属性，
IE下iframe不能正常加载,显示空白
热门推荐
纪争光
08-16 3万+
下午帮忙看了一个web问题，index.html中嵌入来加载同文件目录下的一个页面，在多个浏览器下测试，发现IE浏览器中会出现问题，不能正常加载，显示空白页，右键属性为"_blank" 。          一开始，想到的是src属性的问题，可能是路径不对，但是经过不同浏览器测试，不存在路径问题。         单独把src路径拿出来，贴到IE浏览器中，发现页面加载没问题。通过分析，问题应该出现
访问iframe里面内容的方法（解决兼容性问题）
黄彪博客
12-04 6091
文章摘抄至 http://www.csharpwin.com/dotnetspace/3774r938.shtml   假如你当前主页面中嵌入了一个iframe，ID为：iframeid (很多网页内部弹出窗口也会使用iframe)； iframe里面定义了一个javascript函数，函数名为：myFunc； 需要在主页面调用iframe的这个函数，请参考：   1. 首先这么调用在
IE10下 iframe 的 收缩设置不兼容问题
heiyun30318的专栏
10-29 3304
项目中遇到这这样的问题，在一个页面中，通过引用了两个。                             其中，frame的rightFrame页面会转向到rightFrame.jsp页面中，页面中有一个按钮，点击后，期望可以收缩中的“rightFrame”。     一般的方法是：     function buttonClick(){         parent
用Verilog写一个FF
最新发布
08-14
### 回答1： 这里是Verilog语言的D触发器的代码： ``` module d_ff(d, clk, rst, q); input d, clk, rst; output q; reg q; always @(posedge clk, negedge rst) begin if(rst == 0) q <= 0; else q <= d; end endmodule ``` 这个代码定义了一个带有D输入，时钟、复位和输出的D触发器。触发器的输出q在时钟上升沿时将被更新为d的值，如果复位为0，输出将被强制为0。 ### 回答2： Verilog是一种硬件描述语言，用于设计数字电路。在Verilog中，我们可以编写一个触发器（Flip-Flop）。 以下是用Verilog编写的一个D触发器（D Flip-Flop）的示例： ```verilog module d_ff(input d, input clk, output reg q); always @(posedge clk) begin q <= d; end endmodule ``` 在上述代码中，我们定义了一个名为`d_ff`的模块，它包含了一个输入端口`d`、一个时钟信号`clk`以及一个输出端口`q`。`reg`关键字用于声明`q`为一个寄存器类型的输出。`always`块用于描述状态转换规则，在时钟的上升沿触发时，将输入`d`的值赋给寄存器`q`。 要使用此模块进行仿真或综合，我们需要在顶层设计中将其实例化，并为输入和时钟信号提供适当的值。例如，在以下代码中，我们将`d_ff`实例化，并利用时钟信号来控制数据输入的变化： ```verilog module top; reg d; reg clk; wire q; d_ff my_ff(.d(d), .clk(clk), .q(q)); always #5 clk = ~clk; // 50% duty cycle clock with period 10 time units initial begin clk = 0; d = 0; #10 d = 1; #10 d = 0; #10 d = 1; #10 d = 0; #10 $finish; end endmodule ``` 在以上代码中，我们定义了一个顶层模块`top`，其中包含一个数据输入`d`、一个时钟输入`clk`和一个输出`q`。我们将`d_ff`模块实例化为`my_ff`，并通过连接相应的输入和输出来创建实例。 最后，我们使用Verilog中的仿真指令来模拟数据输入的变化。在这种情况下，我们将时钟信号设置为50%占空比，即10个时间单位为一个周期。数据输入`d`在不同的时间间隔内变化，然后由`my_ff`模块的输出`q`进行观察。仿真指令`$finish`用于结束仿真。 总之，通过以上的Verilog代码，我们可以实现一个简单的D触发器（Flip-Flop）并进行仿真验证其功能。注意，实际的设计可能需要更复杂的逻辑和更完整的端口定义，这里只是给出了一个简单的示例。 ### 回答3： Verilog是一种硬件描述语言，用于设计数字电路的模块化和功能描述。要编写一个触发器（Flip-Flop），可以使用Verilog语言描述如下： module FF(input wire clk, input wire reset, input wire d, output wire q); reg q; always @(posedge clk or posedge reset) begin if (reset) begin q <= 1'b0; //重置时置为0 end else begin q <= d; //输入信号复制到输出 end end endmodule 在上述代码中，我们定义了一个模块FF，其中包含了四个输入端口（clk，reset，d）和一个输出端口q。使用always块来定义时钟上升沿触发的行为。 当reset为1时，触发器被重置，并且q输出被置为0。当reset为0时，如果时钟上升沿到来，那么输入信号d被复制到输出端口q上。 这个简单的Verilog代码实现了一个基本的触发器（D触发器），可以在FPGA或ASIC设计中使用。通过修改代码和输入信号可以构建其他类型的触发器，如JK触发器、T触发器等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值