IE5的中科软寿险核心系统改造为支持chrome

html方面的修改
frameset + frame 改为 div + iframe


要始终允许

javascript方面的修改
(通过chrome的开发者工具js方面的问题都可以console.log + debug 解决)

1. 可能是由于frame改为iframe
   window.frames(“meizzCalendarIframe”); 改为window.frames[“meizzCalendarIframe”]; 同理 frams(数字) 改为frame[数字] / 调用某个frame里的函数从 parent.fraInterface.xxx( 改为parent.fraInterface.contentWindow.xxx(

2. 去掉往类里加的函数 function String.prototype.trim(){return this.replace(/(^\s*)|(\s*$)/g,"");}
   string已经又trim函数了, 这个语法也不支持,直接删掉

3. js中取出css样式的方式this.style.removeAttribute(‘backgroundColor’); 改为
   this.style.backgroundColor = “”;

4. 获取上个页面的值的方式

5. 获取frame的名字 frame.name 改为 frame.id

6. new ActiveXObject(“Microsoft.XMLHTTP”) 改为ajax请求 如下等价替换.类似的还有arrCode = window.showModalDialog(urlStr, “”, sFeatures) 获取后台返回.同理

$.ajax({
	type : 'GET',
	url : '../common/jsp/CodeQueryXML.jsp',
	async: false,// 不使用异步
	data : urlParaStr , 
			
	dataType : 'text',
	success : function(data) {
		strQueryResult = data;
	}
});

7. 移除dom属性的方式

$this.attr("disabled","") 改为$this.removeAttr("disabled");

8. 获取dom的方式 formName.all() 改为 document.all() .ie支持仅有name属性没有id属性的dom通过document.getElementById来获取. chrome不支持,需要老实写getElementsByName (xx)[0]
9. window.showModelessDialog 改为window.open
10. showModalDialog 改为window.open (open不是模式但先不处理)
11. mztreeview 这个菜单插件,菜单超链接里的target属性 是指向某个frame的,所以iframe的情况下要处理超链接的onclick事件, onclick如果retrun false了,就不会访问 href,利用这个特性 在某个iframe中打开链接. 实现点击菜单某个iframe打开页面的功能 <a style="vertical-align: middle; height: 24px; line-height: 24px; color: rgb(255, 255, 255); background-color: rgb(0, 51, 204);" name="91155" class="MzTreeview" hidefocus="" id="MenuTree_link_25" href="../entry/DebitNotesHeXiaoInput.jsp" target="fraInterface" title="入保财务核销" onfocus="MenuTree.focusLink('25')" onclick=" if( MenuTree.nodeClick('25')) {parent.fraInterface.src=this.href; } return false;">入保财务核销</a> 这个代码的onclick非常精妙.

css方面的修改

开发者工具中. css可以随意勾选,非常方便, 可以很容易看到padding这个元素是要去掉的

1. css中所有的behavior属性都要去掉 .htc文件中的功能通过js+html来实现
2. text-decoration 的值改为none ,属性padding,margin去掉
3. 表格宽度的问题, ie中设定< td >中的元素的width,就可以控制td的宽度,chrome中不行, 需要直接给td设置width