从来没有搞过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' + '"' ;
相当于是被屏蔽了,好半天时间没有了。