按下按钮时如何使JavaScript工作？

Question

我是JS的新手，不太确定自己在做什么。

我创建了一个按钮

<div id="btn">
    <a href='dg-quiz-maker.js' class='button'>ATTEMPT A QUIZ</a>
</div>

我想要当用户按下按钮时，出现JS dg-quiz-makes.js文件。 我不确定该怎么做。 请帮忙。

Answer 1

添加事件的步骤：

1）。向元素添加选择器（类或ID）（例如：<-button class =“ classname”> test <-/ button->）

2）。准备好文档-点击事件添加并在其中写入相关代码。

注意：在HTML页面中添加Jquery.js

  $( document ).ready(function() { $('.classname').on('click',function(){ /** write related code inside **/ yourfunc(); }); }); function yourfunc(){ alert('this is the other function'); } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button class="classname">test</button> 

Answer 2

您可以做的是制作一个javascript函数，并在单击时调用它，如下所示：

<div id="btn">
   <a href='#' onclick="myFunc();" class='button'>ATTEMPT A QUIZ</a>
</div>

<script>
function myFunc(){
   alert('test');
}
</script>

或者，您可以像这样从js文件中包含函数：

<script src="dg-quiz-maker.js"></script>

Answer 3

您不能使用.click（），因为某些浏览器不会选择它。 使用后请进行测试。

   <script type="text/javascript">
function performClick(elemId) {
   var elem = document.getElementById(elemId);
   if(elem && document.createEvent) {
      var evt = document.createEvent("MouseEvents");
      evt.initEvent("click", true, false);
      elem.dispatchEvent(evt);
   }
}
</script>
<a href="#" onclick="performClick('theFile');">Open file dialog</a>
<input type="file" id="theFile" />

Answer 4

  <div id="btn">
               <a href='dg-quiz-maker.js' class='button'>ATTEMPT A QUIZ</a>
               </div>

请参阅柱塞代码：

http://plnkr.co/edit/YB09Puxc7qJmeW8V86nR?p= preview`

在这种情况下，脚本文件与HTML位于同一目录中

Answer 5

首先，打开JS文件是一件很奇怪的事情，但是如果您愿意， <a>标签的“ href ”属性应该是放置在目录中文件的正确（或相对） uri路径 。

我希望它能解决您的目的。