iframe 左右分栏 不同浏览器的问题

从来没有搞过html,心血来潮准备做个简单的页面:左边显示目录,右边显示对应目录的内容,左右分栏的效果。

查了下iframe正好满足我的要求。


部分代码如下:

<table>
  <tr>
    <td width=200>
    <iframe src="leftMenu.html" width=200  height=1000></iframe>
    </td>
    <td><iframe src="content.jsp" name="mainframe" width=1024  height=1000></iframe>

   </td>
  </tr>
</table>


content.jsp中部分代码如下:

<a target="mainframe" href="a.html"> … </a>


结果不同的浏览器效果不一样,safaria,以及firefox,有的用新的窗口打开content页面,有的直接在左侧的iframe显示content页面,有时候又正常。

郁闷


最后,发现,iframe的标签的name字段必须要有才行,并且其余所用到的地方的target都是name字段对应的内容才行。

如果添加id=“mainframe”,则不同的浏览器效果有问题。经过测试,当id内容和name内容不相同的时候,也可以。


一个脚本注释的问题:
        //if (node.target) str += ' target="' + node.target + '"';
        str += ' target="' + 'mainframe' + '"' ;


本地浏览器显示均正常,传到服务器后,页面无法再右边的frame中显示,最后发现,上述的代码,变为了:

        //if (node.target) str += ' target="' + node.target + '"'; str += ' target="' + 'mainframe' + '"' ;


相当于是被屏蔽了,好半天时间没有了。




 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值