将主体onclick更改为按钮Onclick

Question

我有这个脚本，当单击任何正文时将打开弹出窗口。 如何更改代替的身体单击，应该是在弹出窗口出现之前单击按钮单击还是单击链接？ 我是否需要创建任何按钮。 代码非常感谢。

<script type="text/javascript">
var win = window.open('http://google.com', "popup", 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=650, height=650, left = 300, top = 50');
if (!win){
//    alert("failed for most browsers");
    document.body.onclick = function () {
         window.open('http://google.com', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=650, height=650, left = 300, top = 50');
    };
}else {
    var thisdoc = document;
    //Is it Chrome?
    if(/chrome/.test(navigator.userAgent.toLowerCase())){
        setTimeout(function() {
            if ((win.innerHeight > 0) == false){
//                alert("failed for chrome");
                  thisdoc.body.onclick = function () {
                      window.open('http://google.com', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=650, height=650, left = 300, top = 50');
                  };
             }
        }, 100);
    }else{
       win.onload = function() {
            if ((win.innerHeight > 0) == false){
//                alert("failed for others");
                  thisdoc.body.onclick = function () {
                     window.open('http://google.com', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=650, height=650, left = 300, top = 50');
                  };
            }
       };
    }
}
</script>

JS：内容： http : //jsfiddle.net/ayiem999/678Ru/ （带有按钮创建。请播放）

我对本参考书的回答：

<button id="3" onclick="reply_click(this.id)">B3</button>

<script type="text/javascript">
function reply_click(clicked_id)
{
window.open('http://google.com', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=650, height=650, left = 300, top = 50');
}
</script>

Answer 1

假设您的页面中有一个按钮，例如

<button id="myButton">My Button</button>

然后

document.body.onclick = function () {

变

$('#myButton').click(function() { ... });

Answer 2

如果您的链接或按钮的ID为myButton ， myButton

document.getElementById('myButton').onclick = function () {
     window.open('http://google.com', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=650, height=650, left = 300, top = 50');
};

这是没有jQuery的，因为它不是必需的。 如果您想使用它，那么它是

$('#myButton').on('click', function(){
    window.open('http://google.com', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=650, height=650, left = 300, top = 50');
});

演示