首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何将此内联JavaScript设为外部?

如何将此内联JavaScript设为外部?
EN

Stack Overflow用户
提问于 2018-09-28 07:33:19
回答 1查看 114关注 0票数 0

我目前正在开发一个音乐播放器chrome扩展,而我的HTML没有响应。我发现这是因为我的onclick函数内联了javascript。

html:

<button id="pre" onclick="prev()"><img src="images/prev.png" height="90%" width="90%"/></button>
            <button id="play" onclick="playOrPauseSong()"><img src="images/play.png"/></button>
            <button id="next" onclick="next()"><img src="images/next.png" height="90%" width="90%"/></button>

javascript:

function playOrPauseSong(){

if(song.paused)
{
    song.play();
    $("#play img").attr("src","images/pause.png");
}
else
{
    song.pause();
    $("#play img").attr("src","images/play.png");        
}

}

当然,对于prev函数和next函数,我也有相同的问题,但它们都应该有我假设的相同解决方案。

EN

回答 1

Stack Overflow用户

发布于 2018-09-28 09:03:14

只要你已经在使用jQuery (如果你不使用它,什么都不会改变),你可以享受jQuery提供的事件绑定方法,例如:

HTML:

<button id="play">
    <img src="images/play.png"/>
</button>

JavaScript:

$("#play").on("click", function() {
    if(song.paused) {
        song.play();
        $("#play img").attr("src","images/pause.png");
    }
    else {
        song.pause();
        $("#play img").attr("src","images/play.png");        
    }
}

这样,您的JavaScript代码就可以与HTML标记完全分离。

P.S.我会评论的,但我没有足够的名气。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52546384

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档