javascript-1-10502chenjiao-ChinaUnix博客

没有js基础，没有jquery基础，即便以前稍微有接触到jquery，一周多时间的miniui，uap的操作练习都是徒劳的。终究自己还是不能独立实现一个简单的数据库绑定到form表单的功能。分析；不清楚javascript和jquery再这么做下去也是无用功的，两天的js学习，遇到一个混淆的输出和一个for循环。经研究已清晰。
一：
1、<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My First Paragraph.</p>
<button onclick="myFunction()">点击这里</button>
<script>
function myFunction()
{
document.write("糟糕！文档消失了。");
}
</script>
</body>
</html>
提交编码及结果

2、<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p id="demo">A Paragraph.</p>
<button type="button" onclick="myFunction()">点击这里</button>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>
</body>
</html>

3、<!DOCTYPE html>
<html>
<body>
<p>点击这里来创建变量，并显示结果。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
var carname="Volvo";
document.getElementById("demo").innerHTML=carname;
}
</script>
</body>
</html>

三个的执行结果：1.document.write("糟糕！文档消失了。"); 覆盖的是整个body；2.document.getElementById("demo").innerHTML="My First JavaScript Function"; 一堆字符串给demo；3.document.getElementById("demo").innerHTML=carname; 和2 是一样的，定义一个变量，触发事件后，把变量的值给demo；

二：
<!DOCTYPE html>
<html>
<body>

<p>点击下面的按钮，将代码块循环五次：</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>

<script>
function myFunction()
{
var x="";
for (var i=0;i<5;i++)
{
x=x + "The number is " + i + "<br>";
}
document.getElementById("demo").innerHTML=x;
}
</script>

</body>
</html>
上边的代码，如果document作为循环体，输出的结果都是一样的，给我的错觉就是document在循环体外，五次的结果也会一次输出；而，我又不明白循环体中 x=x + "The number is " + i + "<br>";为什么要写了x+，试图把x+去掉后的结果和有x+的结果完全不同；而后，在var x="";中“”添了cj为“cj”观察结果懂得，其实document在循环体外，正是因为有x+的存在，所以把每次输出的也都会显示。