单击按钮时如何弹出页面?

时间:2015-03-08 00:26:59

标签: javascript html

我希望在按下按钮时在弹出窗口中打开新页面。到目前为止,这是我的代码:

<td><input type="button" name="to" value="" style="height:24px; width:24px; background:url('addressbook.png'); border:none; onClick="myPopup()""> To:</td> 

<script type="text/javascript">
function myPopup() 
{
  window.open( "http://www.google.com/" )
}
</script>

当我按下时,它失败了。当我按下时没有弹出窗口...我认为我写的代码不正确,但我不确定。我需要你的帮助。

3 个答案:

答案 0 :(得分:0)

您已将onclick添加到style媒体资源中。看起来只是不匹配的报价。改变这个:

style="height:24px; width:24px; background:url('addressbook.png'); border:none; onClick="myPopup()""

到此:

style="height:24px; width:24px; background:url('addressbook.png'); border:none;" onClick="myPopup()"

答案 1 :(得分:0)

<html>
<body>

<p>Click the button to open a new window with some specifications.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
    window.open("http://www.google.com", "_blank", "toolbar=yes, scrollbars=yes, resizable=yes, top=500, left=500, width=400, height=400");
}
</script>

</body>
</html>

答案 2 :(得分:0)

你没有关闭Style标签并放置它的&#34;在onclick之后。

这应该有效

<td><input type="button" name="to" value="" 

style="height:24px; width:24px; background:url('addressbook.png'); border:none;"

onClick="myPopup()"> To:</td> 

<script type="text/javascript">
function myPopup() 
{
  window.open( "http://www.google.com/" )
}
</script>