为什么我的 JavaScript 无法加载到我的网页上（使用 window.onload）？

Question

我正在尝试使用实时预览 function（我在本地服务器上查看网页）在 Adobe Dreamweaver 中开发 HTML 页面，而我的 JavaScript 正在修复。 我试图用 JS 数组填充下拉菜单，并且我之前的测试有效，但是现在当我尝试让脚本自动运行时，a）没有任何反应或 b）按钮闪烁，表明它已更新但仍显示为空白。 任何帮助，将不胜感激！

    <script>
    function start() {

        var arrOptions = []; //arrOptionsCollection with HTML tags
        var arrOptionsCollection = [0, 1, 2]; //Values for dropdown

        arrOptions.push("<option value='Select From List...'>Select From List...</option>") //Dropdown Default


        //Adds HTML tags to arrOptionsCollections
        for (var i=0, n = arrOptionsCollection.length; i < n; i++) { =
            arrOptions.push("<option value='" + arrOptionsCollection[i] + "'>" + arrOptionsCollection[i] + "</option>");
        }

        //Transfers arrOptions to actual HTML
        document.getElementById("district-select").innerHTML = arrOptions.join();
    }

    document.getElementById("form-select").onload = function() {start()};

</script>

<body onload="start();">
<form id="form-select">
    <select id="district-select">
        <!--Script Inserts Options Here-->
    </select>

</form>

Answer 1

我想知道=在你的for循环开头的作用是什么。 简单地说，它没有任何意义。

所以而不是：

for (var i=0, n = arrOptionsCollection.length; i < n; i++) { =

放：

for (var i=0, n = arrOptionsCollection.length; i < n; i++) {

这是您的代码：

 function start() { var arrOptions = []; //arrOptionsCollection with HTML tags var arrOptionsCollection = [0, 1, 2]; //Values for dropdown arrOptions.push("<option value='Select From List...'>Select From List...</option>") //Dropdown Default //Adds HTML tags to arrOptionsCollections for (var i=0, n = arrOptionsCollection.length; i < n; i++) { arrOptions.push("<option value='" + arrOptionsCollection[i] + "'>" + arrOptionsCollection[i] + "</option>"); } //Transfers arrOptions to actual HTML document.getElementById("district-select").innerHTML = arrOptions.join(); } document.getElementById("form-select").onload = function() {start()};

 <body onload="start();"> <form id="form-select"> <select id="district-select"> <!--Script Inserts Options Here--> </select> </form>

这是一个现场演示： https://codepen.io/marchmello/pen/yLYbYjw?editors=1010

为什么我的 JavaScript 无法加载到我的网页上（使用 window.onload）？

问题描述

1 个解决方案

解决方案1
1 已采纳 2020-04-25 22:38:01

为什么我的 JavaScript 无法加载到我的网页上（使用 window.onload）？

问题描述

1 个解决方案

解决方案1 1 已采纳 2020-04-25 22:38:01

解决方案1
1 已采纳 2020-04-25 22:38:01