首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

新手 js有关问题 路过指教啊

2012-04-09 
新手 js问题 路过指教啊~是这样的 有多个button, 想为他们设置链接(因为很多页面都一样, 所以我想写到一个

新手 js问题 路过指教啊~
是这样的 有多个button, 想为他们设置链接(因为很多页面都一样, 所以我想写到一个JS里面)

1.当这样写的时候是可以的:
<script type="text/javascript">
$(document).ready(function(){
$("#choose_team_button").click(function(){
window.location.href="http://www.google.com";
});
$("#my_calendar_button").click(function(){
window.location.href="http://localhost:8080/test03/test/my_calendar.html";
});
});
</script>

2.可是当再多跟几个click函数就不行了, 这是为什么? 该怎么写呢?

[解决办法]
$("botton") 这个东西写错了。应该是button ,但是不能所有button都加这个事件吧?最好指定样式去设置事件。
如:

HTML code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html lang="zh"><head>    <title></title>    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">    <script type="text/javascript" src="jquery.min.js"></script>    <script type="text/javascript">    $(function(){        $(".choose_team_button").click(function(){            window.location.href="http://www.google.com";            });                    $(".my_calendar_button").click(function(){            window.location.href="http://localhost:8080/test03/test/my_calendar.html";        });                $(".test_button").click(function(){            window.location.href="http://www.baidu.com";            });    });            </script></head><body>    <input type="button" value="去谷歌转转" class="choose_team_button" />    <input type="button" value="看看黄历" class="my_calendar_button" />    <input type="button" value="去百度逛逛" class="test_button" /></body></html>
[解决办法]
如果你的按钮都跳到不同的地方

那要嘛,只能一按钮写一个

要嘛像14楼说的,那样抽象出一个方法

热点排行