0 0 1 8 ★ while循环语句大全

不二如是 · 发表于 2017-4-5 15:13:23

购买主题 已有 7 人购买 本主题需向作者支付 3 鱼币 才能浏览

MSK · 发表于 2017-8-2 16:52:48

交作业~

yanmeilemon · 发表于 2018-6-21 16:17:28

757722417 · 发表于 2018-11-27 15:59:02

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>while元素</title>
</head>
<body>
<p>点击下面按钮，利用循环弹出[0,500]之间的所有整数</p>
<button onclick="myFunction()">点击这里</button>
<p id="test"></p>
<script>
function myFunction() {
var x=0;
var i=0;
while(i<501){
var is_fifth=i%50;
if(is_fifth==0){
x=x+i+"
";
i++;
}
else{
x=x+i+"&nbsp";
i++;
}
}
document.getElementById("test").innerHTML=x;
}
</script>
</body>
</html>

复制代码

QBR · 发表于 2024-12-20 10:36:02

学习了

纯小白，看的有些吃力了，为以后也有同样疑惑的过客解答如下。
从上到下执行的代码，为什么在没声明没定义 myFunction() 时就可以绑定呢？
1.

onclick="myfunction"

复制代码

并不会立即执行myFunction 这个函数它只是将函数的名称的引用存储在按钮对象的onclick属性中这个时候并不会检查函数是否存在
2.当解析完JS代码后再将内存分配给函数的地址与上面的名称引用建立映射关系
3.

document.getElementById("test").innerHTML = x;

复制代码

这句代码看似只有一句却用到多多的知识

首先理解 document为一个内置的对象该对象包含了若干的属性和方法是DOM的入口
其次 document.getElementById 这个方法根据 HTML元素的 id 找到HTML中的 <p> 元素并将其作为一个对象返回
最后通过调用返回对象的 innerHTML方法修改了元素的HTML内容浏览器会重新渲染这部分内容从而显示数字

记忆： <p></p> 标签 (Paragraph)表示段落是一个非常常用的块级元素用语言定义文本段落

账号		自动登录	找回密码
密码			立即注册

不二如是不二如是当前离线 UID 378930 日志相册贡献荣誉积分 60738 狗仔卡	发表于 2017-4-5 15:13:23 \| 显示全部楼层 \|阅读模式购买主题已有 7 人购买本主题需向作者支付 3 鱼币才能浏览本帖被以下淘专辑推荐: · JavaScript - 庖丁解牛\|主题: 312, 订阅: 597
	小甲鱼最新课程 -> https://ilovefishc.com
	回复使用道具举报置顶卡千斤顶显身卡

[庖丁解牛] 0 0 1 8 ★ while循环语句大全

本帖被以下淘专辑推荐:

浏览过的版块