为什么此代码在我的测试服务器上有效，但在jsfiddle上无效？

Question

http://jsfiddle.net/KeithDickens/t2t9pvz4/19/ http://jsfiddle.net/KeithDickens/t2t9pvz4/19/

As it's written it works fine on my Intranet test server but JSFiddle it does nothing. 在编写时，它可以在我的Intranet测试服务器上正常工作，但是JSFiddle它什么也不做。 Am I missing a nuance of JSFiddle? 我是否错过了JSFiddle的细微差别？

HTML HTML

<input type="button" value="Add More" onclick="nextLine();">
<div id="test1">
    Test1:<input type="text">
    Test2:<input type="text">
    Test3:<input type="text">
</div>

<br />
<br />
<div style="display:none" id="test2" name="test2">
    Test1:<input type="text">
    Test2:<input type="text">
    Test3:<input type="text">
    <input type="button" value="Remove">
</div>
<br />
<br />
<div style="display:none;" id="test3" name="test3">
    Test1:<input type="text">
    Test2:<input type="text">
    Test3:<input type="text">
    <input type="button" value="Remove">
</div>

JavaScript JavaScript的

    var xy = 2;
    var divid = "";

function nextLine() {
    divid = "test" + xy;
    document.getElementById(divid).style.display = 'block';
    xy++;
    }

Answer 1

Because jsFiddle is adding window.onload = function() {} around your JS, which causes the function in your onClick attribute to no longer be in global scope. 因为jsFiddle在JS周围添加window.onload = function() {} ，这导致onClick属性中的函数不再处于全局范围内。

If you look on the top left it does this by default. 如果您在左上方查看，则默认情况下会执行此操作。 In order for it to work you'll have to select No wrap - in <body> : http://jsfiddle.net/t2t9pvz4/23/ 为了使其正常工作，您必须在<body>选择No wrap- ： http : //jsfiddle.net/t2t9pvz4/23/

为什么此代码在我的测试服务器上有效，但在jsfiddle上无效？

问题描述

1 个解决方案

解决方案1
1 已采纳 2015-02-13 17:21:08

为什么此代码在我的测试服务器上有效，但在jsfiddle上无效？

问题描述

1 个解决方案

解决方案1 1 已采纳 2015-02-13 17:21:08

解决方案1
1 已采纳 2015-02-13 17:21:08