<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
<script>
function t(){
$("#bd").attr("href","http://www.baidu.com");
}
</script>
</head>
<body onload="t()">
<a id="bd">baidu</a>
</body>
<html>
在加载页面时<body οnlοad="t()"></body>标签中onload加载了函数t()从而为<a id="bd">baidu</a>标签添加了href属性，所以点击图片中的baidu会跳转至百度页面；
上面的部分代码也可以替换成：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
<script>
/*function t(){
$("#bd").attr("href","http://www.baidu.com");
}*/
/*$(function(){
$("#bd").attr("href","http://www.baidu.com");
});*/
$(document).ready(function(){//ready(fn)：HTML文档加载完成之后，浏览器执行fn函数，简写为$()；
$("#bd").attr("href","http://www.baidu.com");
});
</script>
</head>
<body <!--onload="t()-->">
<a id="bd">baidu</a>
</body>
<html>ready(fn)方法等效于window.onload，但是后者没有简写并且一个HTML文件中不允许出现多次。
2750
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
