nomaka学JavaScript第一课(续):另一个Helloworld!

另一个Helloworld!
顾名思义就是还是一个helloworld
但是代码基本上会不同
先点这里看Demo咯
给出源代码:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Hello World</title>
  6. <script type="text/javascript">
  7. function hello(){
  8. var msg="Hello World!";
  9. document.open();
  10. document.writeln(msg);
  11. document.close();
  12. }
  13. </script>
  14. </head>
  15. <body onload="hello()">
  16. <p>Hi</p>
  17. </body>
  18. </html>

重点部分已经加粗了
我来解释一下

function hello(){

......

}

这句嘛就是定义一个函数

典型语法:

function functionname(params){

........

}

恩,基本上和c啦java啦c#啦差不多

var msg="Hello World!";

这句的话

var是关键字

用var定义的变量意味着这个变量是局部变量

没有var自然就是全局变量啦

全局变量和局部变量的区别么就是一个可以全能使用,一个只能在局部使用(怎么感觉说了和没说一样)

msg="Hello World!"

msg是一个变量,等号右边就是变量的值,字符串要用“”引起来,最后的分号表示这句语句结束

  1. document.open();
  2. document.writeln(msg);
  3. document.close();

这三句就有点复杂了

document是一个浏览器对象

open()  ,  writeln()  , close()是方法

writeln()与write()的区别类似于 writeline()之于write()

writeln()可以等同于write("\n")

open()用来打开要修改的页面

close()正好与其相反,关闭页面同时再立即刷新页面,这就是为什么Hi看不到的原因

<body onload="hello()">

onload是body元素的onload事件(感觉又是一句废话)

当网页载入时就会触发事件,常用的如下:

onclick  当鼠标单击某元素时触发

onmouseover 当鼠标移到某元素时触发

ommouseout 当鼠标离开某元素时触发

onfocus 当某元素获得焦点是触发(通过鼠标或键盘)

onblur 当某元素失去焦点时触发

关于注释么//  用于单行  /*和*/组合用于多行,好多编程语言ms都这样

今天就到这里吧

其实第一课还没有结束,待续吧

5 评论

  1. @龙崽 视觉和听觉嘛,好多blog都没有音乐,尤其用WordPress的, 我创新一下嘛。有音乐吓你一跳加深影响,哇哈哈哈!!

发表评论

电子邮件地址不会被公开。 必填项已用*标注