{:5_91:}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>while元素</title>
</head>
<body>
<p>点击下面按钮，利用循环弹出之间的所有整数</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+" ";
i++;
}
}
document.getElementById("test").innerHTML=x;
}
</script>
</body>
</html>
学习了{:10_333:} 纯小白，看的有些吃力了，为以后也有同样疑惑的过客解答如下。
从上到下执行的代码，为什么在没声明 没定义 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)表示段落 是一个非常常用的 块级元素 用语言定义文本段落
页:
[1]