blocks|key|220526|text|<input+value="press"+id='a'+type="button">
document.getElementById('a').onclick+=+function()+{+alert(1);+}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|220527|http://jsfiddle.net/gs6rehnx/12/|unstyled|offset|length|220528|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|W|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|Q|8|@]|9|@$G|R|H|S|1|T]]|A|$]]|$1|I|3|-4|5|F|7|U|8|@]|9|@]|A|$]]]|J|$K|$5|L|M|N|A|$O|E]]]]

<pre><code>&lt;input value="press" id='a' type="button"&gt;
document.getElementById('a').onclick = function() { alert(1); }
</code></pre>

<p><a href="http://jsfiddle.net/gs6rehnx/12/" rel="nofollow">http://jsfiddle.net/gs6rehnx/12/</a></p>


blocks|key|218737|text|您需要选择No+library+(纯JS)和No+wrap。然后，它将作为一个简单的HTML与javascript页面。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|218738|它将被插入到<head>的<script>元素中|offset|length|style|CODE|218739|function+myclick(){
++alert("myclick")
}|code-block|syntax|javascript|218740|请参阅demo|218741|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/gs6rehnx/14/^0|0|6|6|D|8|0|0|3|4|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@$D|Y|E|Z|F|G]|$D|10|E|11|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|12|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|13|8|@]|9|@$D|14|E|15|1|16]]|A|$]]|$1|O|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

<p>You need to select <em>No library (pure JS)</em> and <em>No wrap - in head</em>. Then it will work as a simple HTML with javascript page.</p>

<p>This will be inserted in a <code>&lt;script&gt;</code> element in the <code>&lt;head&gt;</code>:</p>

<pre><code>function myclick(){
  alert("myclick")
}
</code></pre>

<p>See <a href="http://jsfiddle.net/gs6rehnx/14/" rel="noreferrer">demo</a></p>


blocks|key|2132196|text|这个可以用了。只要将其从文档就绪事件中删除即可。在javascript中，分号也是可选的，但我建议使用分号。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2132197|​|2132198|function+myclick()+{
++++alert("myclick");
++++window.location.reload(true);
}|code-block|syntax|javascript|2132199|<input+value="press"+type="button"+onclick="myclick();">
<script>
++++alert("home");
</script>|2132200|2132201|这是fiddle。|offset|length|2132202|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/33wLs160/9/^0|0|0|0|0|0|2|6|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Y|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Z|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|10|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|11|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|12|8|@]|9|@$N|13|O|14|1|15]]|A|$]]|$1|P|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|Q|$R|$5|S|T|U|A|$V|W]]]]

<p>This one is working. Just remove it from document ready event. Also semicolons are optional in javascript but i advice to use them.</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function myclick() {
    alert("myclick");
    window.location.reload(true);
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input value="press" type="button" onclick="myclick();"&gt;
&lt;script&gt;
    alert("home");
&lt;/script&gt;</code></pre>
</div>
</div>
</p>

<p>Here is the <a href="http://jsfiddle.net/33wLs160/9/" rel="nofollow">fiddle</a>.</p>


blocks|key|5134823|text|正如其他人所说，对于第一种情况，您必须将No+wrap+-+in+<head>或No+wrap+-+in+<body>设置为javascript面板设置(+js面板右上角的蓝色链接)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5134824|对于第二个问题(您的编辑)，您在函数中的代码和js将运行它(在新的上下文中)，但它不会做任何事情，因为您只是定义了一个函数并忽略它，而没有任何调用或赋值。|5134825|如果你调用alert(myclick)，你会看到所有的代码都被执行了，并且在那个时候被定义了。see+this+fiddle|5134826|$(document).ready(function()+{

++//alert("ready+is+executed");

++function+myclick(){
++++alert("myclick+is+called")
++++window.location.reload(true);
++}

++alert(myclick);+//this+will+show+the+myclick+is+a+defined+function!

++//document.getElementsByTagName("input")[0].onclick+=+myclick;
})|code-block|syntax|javascript|5134827|如果你这样叫它：|5134828|document.getElementsByTagName("input")[0].onclick+=+myclick;|5134829|在$(document).ready({...})作用域中，它将被分配给按钮，并按您所希望方式工作。|5134830|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/33wLs160/27/^0|K|J|14|J|0|0|1B|F|0|0|0|0|0|1|O|0^^$0|@$1|2|3|4|5|6|7|12|8|@$9|13|A|14|B|C]|$9|15|A|16|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|17|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|18|8|@]|D|@$9|19|A|1A|1|1B]]|E|$]]|$1|J|3|K|5|L|7|1C|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|1D|8|@]|D|@]|E|$]]|$1|Q|3|R|5|L|7|1E|8|@]|D|@]|E|$M|N]]|$1|S|3|T|5|6|7|1F|8|@$9|1G|A|1H|B|C]]|D|@]|E|$]]|$1|U|3|-4|5|6|7|1I|8|@]|D|@]|E|$]]]|V|$W|$5|X|Y|Z|E|$10|11]]]]

<p>As others said, for first case you have to set <code>No wrap - in &lt;head&gt;</code> or <code>No wrap - in &lt;body&gt;</code> as javascript panel settings (the blue link at js panel top-right).</p>

<p>For the second (your Edit) question, your code inside a function and the js will run it (within a new context), but it will do nothing as you just define a function and ignore it without any call or assignment. </p>

<p>if you call alert(myclick) you will see all the code is executed and its defined at that point. <a href="http://jsfiddle.net/33wLs160/27/" rel="nofollow noreferrer">see this fiddle</a></p>

<pre><code>$(document).ready(function() {

  //alert("ready is executed");

  function myclick(){
    alert("myclick is called")
    window.location.reload(true);
  }

  alert(myclick); //this will show the myclick is a defined function!

  //document.getElementsByTagName("input")[0].onclick = myclick;
})
</code></pre>

<p>if you call this:</p>

<pre><code>document.getElementsByTagName("input")[0].onclick = myclick;
</code></pre>

<p>in that <code>$(document).ready({...})</code> scope, it will be assigned to the button and works as you wish.</p>


blocks|key|2125964|text|在脚本面板的"Load+Type“中选择"No+wrap+-+bottom+of”。这是Jsfiddle的解决方案(到2019年12月17日)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2125965|​|2125966|📷|atomic|offset|length|2125967|2125968|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/521b2f1b83d83e55f4bbb3a097bbf40d.png|imageAlt^0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@$G|V|H|W|1|X]]|A|$]]|$1|I|3|C|5|6|7|Y|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q|R|-4]]]]

<p>Select "No wrap - bottom of " in "Load Type" of the scripting panel.
This is the solution for Jsfiddle (till 17 december 2019).</p>

<p><a href="https://i.stack.imgur.com/WhQNf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WhQNf.png" alt="Image"></a></p>


<p>I am trying to make jsfiddle , my onclick is not working in jsfiddle. what is wrong in my code </p>

<pre><code>&lt;input value="press" type="button" onclick="myclick()"&gt;


function myclick(){
   alert("myclick")
}
</code></pre>

<p><a href="http://jsfiddle.net/hiteshbhilai2010/gs6rehnx/11/" rel="noreferrer">http://jsfiddle.net/hiteshbhilai2010/gs6rehnx/11/</a></p>

<h2>EDIT</h2>

<p>I tried <code>No wrap - In head</code> and tried again with <code>document.ready</code> it is not working in jsfiddle again </p>

<pre><code>ERROR - Uncaught ReferenceError: myclick is not defined 
</code></pre>

<p><a href="http://jsfiddle.net/hiteshbhilai2010/33wLs160/6/" rel="noreferrer">http://jsfiddle.net/hiteshbhilai2010/33wLs160/6/</a></p>

<p>I have checked with already existing question <a href="https://stackoverflow.com/questions/5453937/onclick-event-not-working-in-javascript">here</a> but my problem is happening when I am trying it in jsfiddle </p>

<p>Can some one please help me ....thanks</p>


javascript onclick not working in jsfiddle

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在尝试制作jsfiddle，我的onclick在jsfiddle中不起作用。我的代码出了什么问题？<input value="press" type="button" onclick="myclick()">function myclick(){   alert("myclick")}编辑我尝试了No wrap -...

问javascript onclick在jsfiddle中不起作用
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问javascript onclick在jsfiddle中不起作用EN