jquery加载localhost页面onclick

时间:2013-03-29 19:56:04

标签: php javascript jquery html

我有这个页面

<html>
<head>
<script type="text/javascript">
$(document).ready(function(){
alert("asdf");
var url = "http://localhost/test/test.php";
$("#button").on("click", function() {
    $('body').load( url );
});
});
</script></head>
<body>
<input type="button" id="button" value="click" />
</body>
</html>

我想加载网址的内容并将其放入正文,但没有任何事情发生,为什么请?怎么解决?

1 个答案:

答案 0 :(得分:1)

我没有看到你在该文档中的任何地方包含jQuery,为了使用对象的属性和方法,你需要这样做。

要在文档中包含jquery脚本,只需将其作为脚本行添加到head标记中:

<script type="text/javascript" src="yourscriptpathgoeshere.js"></script>

请注意,它必须在任何使用jquery的脚本之前...例如,它不能用于脚本之后。

以下代码作为示例,对我来说很好用:

<html>
    <head>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script>
        <script type="text/javascript">
        $(document).ready(function(){
            var url = "http://localhost/testing/test.php";
            $("#button").on("click", function() {
                $('body').load( url );
            });
        });
        </script>
    </head>
    <body>
        <input type="button" id="button" value="click" />
    </body>
</html>

要获取特定链接的href ..如果html有效(并且只有一个项具有id'link'),请使用以下方法:.attr(),方式如下:

var href = $("#link").attr('href');