日期:2014-05-17  浏览次数:20805 次

如何让多个表单在新窗口中打开!
HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试</title>
<script type="text/javascript">
function cf(){
    document.getElementById('frmA').submit();
    document.getElementById('frmB').submit();    
}
</script>
</head>

<body>
<form action="http://www.baidu.com" id="frmA" target="_blank">
</form>
<form action="http://www.google.com.hk" id="frmB" target="_blank">
</form>
<input type="button" onclick="javascript:cf()" value="提交" />
</body>
</html>


点击按钮后,在新窗口中打开百度和谷歌2个网站,在IE、Opera、FF下可以成功,但是在Chrome、safari下只能打开最后一个,即是谷歌,如何兼容呢?

------解决方案--------------------
你可以这样
HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript">
function cf(){
 
window.open('',"A")
 
window.open('',"B")

document.getElementById('frmA').submit();
document.getElementById('frmB').submit();    
}
</script>
</head>

<body>
<form action="http://www.baidu.com" id="frmA" target="A">
</form>
<form action="http://www.google.com.hk" id="frmB" target="B">
</form>
<input type="button" onclick="javascript:cf()" value="ccc" />
</body>
</html>

------解决方案--------------------
把每个FORM放在IFRAME中的单独页面里就可以了.