Fatal编程技术网

Javascript未运行nearlyfreespeech

javascript html

Javascript未运行nearlyfreespeech,javascript,html,onload,appendchild,nearlyfreespeech,Javascript,Html,Onload,Appendchild,Nearlyfreespeech,我使用javascript和html为一位朋友建立了一个电子商务网站，并使用nearlyfreespeech托管服务。我已经确保正确加载html页面，并且没有错误（在控制台和实际页面中）。我也尝试过html中嵌入的javascript和两个单独的文件，但都不起作用。我也没有使用外部库。我添加了页面加载时的提醒，但没有显示任何内容。页面构造函数通过body标记上设置的onload事件连接到页面。我曾在Firefox、Google Chrome和Internet Explorer上试用过，但都不起作

我使用javascript和html为一位朋友建立了一个电子商务网站，并使用nearlyfreespeech托管服务。我已经确保正确加载html页面，并且没有错误（在控制台和实际页面中）。我也尝试过html中嵌入的javascript和两个单独的文件，但都不起作用。我也没有使用外部库。我添加了页面加载时的提醒，但没有显示任何内容。页面构造函数通过body标记上设置的onload事件连接到页面。我曾在Firefox、Google Chrome和Internet Explorer上试用过，但都不起作用。当我将控件的创建移到html中时，控件就在那里（意味着html正在工作），但是警报仍然没有显示（表示javascript被忽略或者onload事件没有被触发）。代码如下：

<!DOCTYPE HTML>

<html>
<head>
  <title>GetLost</title>
  <script type="text/javascript">
        function loadcontrols()
    {
        var items = ["Green cuff", "Red cuff"];
        var prices = ["20.00", "30.00"];
        var colors = ["Green", "Red"];
        var urls = ["http://media-cache-ak0.pinimg.com/736x/0f/f8/11/0ff811addad9b0165263eb73ba9806f0.jpg", "http://www.opalona.com/images/produits/big/big_2049-3.jpg"];
        var controls = [];
        for(var i = 0; i < items.length; i++)
        {
            var item = new loaditem(items[i], prices[i], colors[i], urls[i]);
            controls.concat(item);
        }
        alert("All items loaded.")
    }
    function loaditem(name, value, color, imageUrl)
    {
        this.name = name;
        this.value = value;
        this.color = color;
        this.imageUrl = imageUrl;
        var container = document.CreateElement("div");
        container.style.height = "300px";
        container.style.width = "200px";
        container.style.backgroundColor = color;
        scroller.appendChild(container);
        var image = document.CreateElement("img");
        image.style.height = "220px";
        image.style.witdh = "180px";
        image.setAttribute("src", imageUrl);
        container.appendChild(image);
        var name = document.CreateElement("h4");
        name.innerHTML = name + " for $" + value;
        container.appendChild(name);
        alert("The product " + name + "has been loaded.")
    }
  </script>
</head>
<body onload="loadcontrols">
    <h1><b>Choose a product, and click on it to open it.</b></h1>
    <div style="overflow-x: scroll" name="scroller" height="310px" width="650px"></div>
</body>
</html>


迷路
函数loadcontrols（）
{
变量项=[“绿色袖口”、“红色袖口”]；
风险价值价格=[“20.00”，“30.00”]；
变量颜色=[“绿色”、“红色”]；
变量URL=[”http://media-cache-ak0.pinimg.com/736x/0f/f8/11/0ff811addad9b0165263eb73ba9806f0.jpg", "http://www.opalona.com/images/produits/big/big_2049-3.jpg"];
var控制=[]；
对于（变量i=0；i
onload
不接受函数名；需要一些JavaScript代码才能运行。如果只有一行JavaScript代码引用一个变量：

loadcontrols

loadcontrols()
然后，好吧，什么也没发生。如果要调用它，则需要括号：

onload
不接受函数名；需要一些JavaScript代码才能运行。如果只有一行JavaScript代码引用一个变量：

loadcontrols

loadcontrols()
然后，好吧，什么也没发生。如果要调用它，则需要括号：

onload
不接受函数名；需要一些JavaScript代码才能运行。如果只有一行JavaScript代码引用一个变量：

loadcontrols

loadcontrols()
然后，好吧，什么也没发生。如果要调用它，则需要括号：

onload
不接受函数名；需要一些JavaScript代码才能运行。如果只有一行JavaScript代码引用一个变量：

loadcontrols

loadcontrols()
然后，好吧，什么也没发生。如果要调用它，则需要括号：