簡體   English   中英

為什么此代碼在我的測試服務器上有效,但在jsfiddle上無效?

[英]Why does this code work on my test server but not on jsfiddle?

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

在編寫時,它可以在我的Intranet測試服務器上正常工作,但是JSFiddle它什么也不做。 我是否錯過了JSFiddle的細微差別?

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的

    var xy = 2;
    var divid = "";

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

因為jsFiddle在JS周圍添加window.onload = function() {} ,這導致onClick屬性中的函數不再處於全局范圍內。

如果您在左上方查看,則默認情況下會執行此操作。 為了使其正常工作,您必須<body>選擇No wrap-http : //jsfiddle.net/t2t9pvz4/23/

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM