首先看一段代码
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="jquery-1.8.3/jquery-1.8.3.js"></script>
<script>
$(function(){
$("#z").attr("href","http://www.baidu.com");
});
</script>
</head>
<body>
<a id="z">baidu</a>
</body>
当代码这样写的时候,点击baidu的时候是不会出现百度界面的,有以下解决方式:
1.ready :
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="jquery-1.8.3/jquery-1.8.3.js"></script>
<script>
$(document).ready(function(){
$("#z").attr("href","http://www.baidu.com");
});
</script>
</head>
<body>
<a id="z">baidu</a>
</body>
这样写当点击baidu的时候能载出百度页面了
2.onload
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="jquery-1.8.3/jquery-1.8.3.js"></script>
<script onload="t()">
$(function t(){
$("#z").attr("href","http://www.baidu.com");
});
</script>
</head>
<body>
<a id="z">baidu</a>
</body>
</html>
用onload也能解决上面的问题
3.还有一种最简单的方法,是第一种方法的缩写
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="jquery-1.8.3/jquery-1.8.3.js"></script>
<script>
$(function(){
$("#z").attr("href","http://www.baidu.com");
});
</script>
</head>
<body>
<a id="z">baidu</a>
</body>
这样是最简单的写法,比较常用。