Question

我创建了扩展程序： HTML代码较低：

<input id="play1" type="image" src="images/121.png"  type="button"  alt="Воспроизвести"/>
<input id="pause1" type="image" src="images/120.png"  type="button" alt="Пауза"/>
<input id="next1" type="image" src="images/122.png"   type="button" alt="След.трек"/>

我不明白为什么javascript的id按钮=点击后“play1”不起作用

Javascript此扩展程序：

$(document).ready(function () {
    document.getElementById('play1').onclick = function(){



    }   
});

播放器按钮的控制代码：

<div id="ac_controls" class="fl_l">
    <div id="ac_play" class="fl_l"></div>
    <div class="next_prev fl_l">
      <div id="ac_prev" class="ctrl_wrap">
        <div class="prev ctrl"></div>
      </div>
      <div id="ac_next" class="ctrl_wrap">
        <div class="next ctrl"></div>
      </div>
    </div>
  </div>

Answer 1

然后您需要使用window.onload。您的脚本将如下所示：

 <script type="text/javascript">

window.onload = function() {
    document.getElementById("play1").onclick = function() {
        alert("hello"); //for testing
    }
}
 </script>

$(document).ready()是jQuery中使用的快捷方式。您可以通过在html中添加以下行来使用。

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>

通过扩展铬控制播放器按钮

1 个答案: