html中onload的使用

最新推荐文章于 2024-07-23 16:20:34 发布

qq_20461915

最新推荐文章于 2024-07-23 16:20:34 发布

阅读量9.8k

点赞数 2

本文链接：https://blog.csdn.net/qq_20461915/article/details/51791254

版权

html onload 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

onload的使用方法，一直没有高清楚，今天写了一个代码，改了n遍。整个人都抓狂了，，现在才明白，自己晕，记录一下

看代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body >

<script>
var i=20;
function first()
{
var i=5;
for(var j=0;j<i;j++)
{
document.write("    "+j);
}
}
function second()
{
 var t=prompt()
 if(t>i)
 {
 document.write(t);
 }else
 {
 document.write(i);
 first();
 }
}
</script>
</body>
</html>

运行这个代码之后，结果怎么都不出现，实在不知道是什么原因，后来问了同学才知道忘记写了一个东西，以至于刚开始进入的时候就是错误的，所以看正确代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body οnlοad="second()">

<script>
var i=20;
function first()
{
var i=5;
for(var j=0;j<i;j++)
{
document.write("    "+j);
}
}
function second()
{
 var t=prompt("请输入一个数字：")
 if(t>i)
 {
 document.write(t);
 }else
 {
 document.write(i);
 first();
 }
}
</script>
</body>
</html>