Question

将ASP.NET webform（v3.5）转换为使用母版页后，我开始收到一个奇怪的Javascript错误。

内容页面有一个javascript块。这是：

 <script type="text/javascript">

    var attCount = 0;

    function CreateAttachmentControl() {
        var newAtt = document.createElement('span');
        var newAttName = 'area' + attCount;
        newAtt.setAttribute('id', newAttName);
        newAtt.setAttribute('name', newAttName);

        var newInput = document.createElement('input');
        var newInputName = 'att' + attCount;
        newInput.setAttribute('type', 'file');
        newInput.setAttribute('id', newInputName);
        newInput.setAttribute('name', newInputName);

        if (newInput.addEventListener) {
            newInput.addEventListener("onchange", CreateAttachmentControl, false);
        } else if (newInput.attachEvent) {
            newInput.attachEvent("onchange", CreateAttachmentControl);
        } else {
            newInput.onchange = CreateAttachmentControl;
        }

        var newRemove = document.createElement('a');
        newRemove.setAttribute('href', 'javascript:RemoveAttachmentControl("' + attCount + '")');
        newRemove.setAttribute('title', 'Remove this attachment');
        newRemove.innerHTML = 'X';
        newAtt.appendChild(newInput);
        newAtt.appendChild(document.createTextNode(' '));
        newAtt.appendChild(newRemove);
        newAtt.appendChild(document.createElement('br'));
        attArea.appendChild(newAtt); // error here

        attCount++;
    }

    function RemoveAttachmentControl(n) {

        // get input element
        var input = document.getElementById('att' + n);

        // if the input is blank dont delete
        if (input.value != '' && input.value != null) {
            var att = document.getElementById('area' + n);
            attArea.removeChild(att);
        }
    }
</script>

错误是：'attArea'未定义

但是，我知道事实并非如此，因为就在我的javascript块之下是这样的：

...<td align="left" colspan="2" style="height: 13px" id="attArea" name="attArea"></td>...

在我将webform转换为包含母版页的内容页面之前，这种方法非常有效。是否有一些已知的Javascript + Masterpage问题？

由于

Answer 1

在您提供的代码示例中，attArea 未定义。首先引用它是attArea.appendChild()。它是否在您未提供的源中声明更高的地方？

Answer 2

我想你错过了：

var attArea = document.getElementById('attArea');
attArea.appendChild(newAtt); // no more error!

ASP.NET MasterPage + Javascript错误

2 个答案: