Tag: 脚本预览模式: 普通 | 列表

入门篇：Javascript

作者:matrixkey  日期:2010-07-15

在上一篇日志里，提到许多专业技术名称。而其实，熟悉它们并不难，只要你有了一定的编程思想，学习新的技术非常容易入门。

今天介绍Javascript。
为了减少多余的工作量，这里不再赘述各种概念。

首先，Javascript是网络的脚本语言（脚本语言是一种轻量级的编程语言）。
它不同于Java，Java（由太阳微系统公司开发）很强大，同时也是更复杂的编程语言，就像同级别的 C 和 C++。

Javascript在HTML页面中的位置

位于 head 部分的脚本：

当脚本被调用时，或者当事件被触发时，脚本就会被执行。当你把脚本放置到 head 部分后，就可以确保在需要使用脚本之前，它已经被载入了。

XML/HTML代码
  1. <html>  
  2. <head>  
  3. </head>  
  4.   
  5. <body>  
  6. <script type="text/javascript">  
  7. ....   
  8. </script>  
  9. </body>  
  10. </html>  

位于 body 部分的脚本：

在页面载入时脚本就会被执行。当你把脚本放置于 body 部分后，它就会生成页面的内容。

XML/HTML代码
  1. <html>  
  2. <head>  
  3. </head>  
  4.   
  5. <body>  
  6. <script type="text/javascript">  
  7. ....   
  8. </script>  
  9. </body>  
  10. </html>  


知道了放置Javascript的位置之后，我们可以体验一下简单的Javascript！

XML/HTML代码
  1. <html>  
  2. <head>  
  3. </head>  
  4.   
  5. <body>  
  6. <script type="text/javascript">  
  7. document.write("你好，我是Matrixkey！");   
  8. </script>  
  9. </body>  
  10. </html>  

根据 Javascript 标准，分号是可选的，浏览器把行末作为语句的结尾。
不过大多数人都认为在每行语句的结尾加上一个分号，是一个好的编程习惯。

Javascript 注释

和C#一样，单行的注释以 // 开始，多行注释以 /* 开头，以 */ 结尾。

XML/HTML代码
  1. <html>  
  2. <head>  
  3. </head>  
  4.   
  5. <body>  
  6. <script type="text/javascript">  
  7. // 这行代码输出Matrixkey：   
  8. document.write("Matrixkey");   
  9. /* 第一行输出1798   
  10.    第二行输出4772 */   
  11. document.write("<p>This is a paragraph</p>");   
  12. document.write("<p>This is another paragraph</p>");   
  13. </script>  
  14. </body>  
  15. </html>  

查看更多...

Tags: Javascri&#112;t 代码 程序 脚本

分类:寂寞双生 程序 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 35