Chinaunix首页 | 论坛 | 博客
  • 博客访问: 156913
  • 博文数量: 21
  • 博客积分: 1444
  • 博客等级: 中士
  • 技术积分: 224
  • 用 户 组: 普通用户
  • 注册时间: 2011-06-12 14:37
文章分类

全部博文(21)

文章存档

2015年(1)

2011年(20)

分类: JavaScript

2015-08-07 10:32:28

    没有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+的存在,所以把每次输出的也都会显示。

阅读(1920) | 评论(0) | 转发(0) |
0

上一篇:初学linux

下一篇:没有了

给主人留下些什么吧!~~