我想在框架内运行函数点击特定ID,所以我制作了两个html文件,我就像这样编写脚本
主要的html是index.html
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function autoClick(){
document.getElementById('framing').contentWindow.document.getElementById('trig').click();
}
</script>
</head>
<body onload="autoClick();">
<iframe name="framing" id="framing" src="testing.html" frameborder="0" scrolling="no" height="1200px" width="100%"></iframe>
</body>
</html>
另一个是testing.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script>
window.onbeforeunload = function(){
return false; // This will stop the redirecting.
}
</script>
</head>
<body>
<div>
<a id="trig" href='http://www.redirect.com/' target='iName'>Home</a>
</div>
<iframe src="about:blank" name="iName" frameborder="0" scrolling="no" height="1200px" width="100%"></iframe>
</body>
</html>
所以当index.html
完成加载页面时,我希望该功能点击<a id=trig" href='http://www.redirect.com/' target='iName'>Home</a>
内部testing.html
内的framing
点击后,trig
将加载一个将包含在http://www.redirect.com
框架内的网站iName
,但网站http://www.redirect.com
会有一个脚本,可将TLD重定向到他们的网站,所以我把脚本防止页面打破iframe`
window.onbeforeunload = function(){
返回false; //这将停止重定向。
}
这两个html文件托管在同一个域中。但是当我尝试运行它时,没有触发功能点击,任何人都可以帮助我吗?
谢谢你,对不好的英语抱歉,这不是我的母语