2

我有一个这样的html代码：

file.htm 中的代码

<a href="url" id="1">click me</a>
<a href="url" id="2">click me</a>
<a href="url" id="3">click me</a>

主体代码

<body>
    <iframe src="file.htm"></iframe> 
</body>

<script>
   function responseValue(val) { alert(val) }
</script>

我想单击<a>内部file.htm并将 id 返回<a>到正文。

我如何使用 JavaScript？

4

2 回答 2

1

file.htm 中的脚本

var i;
var els = document.getElementsByTagName('a');

for(i=0 ; i < els.length ; i++){
  els[i].addEventListener("click", window.top.responseValue(this.id), false);
}
于 2013-06-24T04:20:49.837 回答
0

在主文件中尝试这个脚本

<script type="text/javascript">
     var frame = document.getElementById('myframe');
     frame.onload = function ()
     {
       frameClick()
     }
     function frameClick()
      {
    var anchorTags = frame.contentWindow.document.getElementsByTagName("a");    
    for(i=0 ; i < anchorTags.length ; i++){
      anchorTags[i].onclick = function()
        {
          responseValue((this.id));
          return false;
        }
    }
      }
    function responseValue(value) {
     alert(value);
   }
</script>
于 2013-06-24T04:54:13.023 回答