IE5的中科软寿险核心系统改造为支持chrome_中科软lis框架浏览器升级-优快云博客

本文探讨了如何将frameset和frame结构转换为div和iframe，并强调了在Chrome开发者工具下处理JavaScript问题的方法。内容涉及修改window.frames到window.frames[]、处理iframe内函数调用、去除不必要的字符串操作、调整CSS属性及事件处理，以及适应不同浏览器的DOM操作和Ajax请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html方面的修改
frameset + frame 改为 div + iframe
在这里插入图片描述

要始终允许

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

可能是由于frame改为iframe
window.frames(“meizzCalendarIframe”); 改为window.frames[“meizzCalendarIframe”]; 同理 frams(数字) 改为frame[数字] / 调用某个frame里的函数从 parent.fraInterface.xxx( 改为parent.fraInterface.contentWindow.xxx(
去掉往类里加的函数 function String.prototype.trim(){return this.replace(/(^\s*)|(\s*$)/g,"");}
string已经又trim函数了, 这个语法也不支持,直接删掉
js中取出css样式的方式this.style.removeAttribute(‘backgroundColor’); 改为
this.style.backgroundColor = “”;
获取上个页面的值的方式
获取frame的名字 frame.name 改为 frame.id
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;
	}
});

移除dom属性的方式

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

获取dom的方式 formName.all() 改为 document.all() .ie支持仅有name属性没有id属性的dom通过document.getElementById来获取. chrome不支持,需要老实写getElementsByName (xx)[0]
window.showModelessDialog 改为window.open
showModalDialog 改为window.open (open不是模式但先不处理)
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这个元素是要去掉的