java脚本错误对象没有'不支持此属性或方法

java script error object doesn't support this property or method

本文关键字：不支持 属性 方法 对象 脚本错误 java      更新时间：2024-02-14

由于某些原因，微调器对象只有在startSpin（）函数内部定义时才能工作。

这是非工作代码：

<script type="text/javascript" src="resources/js/spin.js"></script>
    <script type="text/javascript">
        var opts = {
            lines: 18, // The number of lines to draw 
            length: 40, // The length of each line
            top: 'auto', // Top position relative to parent in px
            left: 'auto' // Left position relative to parent in px
        };
         // -- not support ? 
        var target = document.getElementById('spin');
        var spinner = new Spinner(opts).spin(target);
        // -- ???
        function startSpin()
        {
            spinner.start();   
        }
        function stopSpin()
        {
            spinner.stop();  
        }
        function showStatus() {
            startSpin();
            statusDialog.show();
        }
        function hideStatus() {
            stopSpin();
            statusDialog.hide();
        }
    </script>
    <h:form id="testfm">
        <p:commandButton id="start" type="submit" 
                         ajax="false" 
                         value="test" 
                         actionListener="#{bean.test}" 
                         onclick="PrimeFaces.monitorDownload(showStatus, hideStatus)"/>
        <p:dialog modal="true" 
                  widgetVar="statusDialog" 
                  showHeader="false"
                  draggable="false" 
                  closable="false" 
                  resizable="false">
            <div id="spin" class="spinner"/>
        </p:dialog>
    </h:form>

微调器只有在spinStart函数中定义时才工作

我试着使用脚本位置，但仍然得到相同的信息知道为什么吗？

感谢

如果在该函数之外运行document.getElementById('spin')，则还没有创建具有id=spin的元素，因此将为微调器提供一个null值。如果您在startSpin中创建它，它是对用户的点击事件的响应，因此DOM很可能已经在那时构建好了，并且元素已经存在。这里有一个变通方法：

    var spinner;  //Lave the variable out here so both functions can see it
    function startSpin() {
        var target = document.getElementById('spin');
        spinner = new Spinner(opts).spin(target);  //Actually create it here, when the element exists
        spinner.start();   
    }
    function stopSpin() {
        spinner.stop();  
    }

您也可以将代码保持原样，并将其放在文档的末尾，即</body>标记之前。

相关文章：