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）到元素（例如：＆lt; - button class =＆＃34; classname＆＃34;＆gt; test＆lt; - / button - ＆gt;）

2）。在文档就绪 - 添加单击事件并在其中写入相关代码。

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

＆＃13;

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

＆＃13;

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

＆＃13;

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>

请参阅Plunker代码：

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

在这种情况下，脚本文件与HTML

位于同一目录中

Answer 5

首先，打开一个JS文件有点奇怪，但是如果你愿意的话，那么＆＃34; href＆＃34; <a>标记的属性应该是放在目录中的文件的正确（或相对） uri路径。

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

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

5 个答案: