JavaScript笔记(一)

1.JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言。

2.JavaScript的出现为web实现了一种实时、动态、可交互的表达能力。

  
  
  
  
  1. <html>     
  2. <head>     
  3. <Script language="javascript">     
  4. <!--     
  5. alert("This is the first JavaScript Example");     
  6. //-->     
  7. </Script>     
  8. </head>     
  9. </html> 

1、用以下的方式将JavaScript脚本加入文档:

<Script language="JavaScript">

//JavaScript语言代码;

</Script>

  
  
  
  
  1. <html>     
  2. <head>     
  3. <Script language="javascript">     
  4. <!--      
  5. document.write("这里是我家");      
  6. document.close();      
  7. //document.write("已经关闭了");     
  8. //-->    
  9. </Script>     
  10. </head>     
  11. </html> 

document.write()是文本对象的输出函数,其功能是将括号中的字符或变量值输出到窗口;document.close();是将输出关闭。

javascript代码放在<head></head>之间,可以使其在主页和其余部分代码之前装载,从而可以使得代码功能更加强大;将javascript代码放在<body></body>之间,可以实现某些部分动态地创建文档。

2、数据类型

JavaScript提供了四种基本的数据类型用来处理数字和文字,而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。

1、基本数据类型:数值(整数和实数)、字符串型(用""''括起来的字符或数值)、布尔型(TrueFalse)和空值。

a) javaScript中的基本类型中的数据既可以是常量,也可以是变量。

b) javaScript是弱数据类型,因而一个数据的变量或常量不必首先作声明,而是在使用或赋值时确定其数据的类型。也可以先声明该数据的类型,它是通过在赋值时自动说明其数据类型的。

2、常量

a) 整型常量:javascript中的常量为字面常量,是不能改变的数据。可以使用十六进制、八进制和十进制表示。

b) 实型常量:由整数部分加小数部分标识,如12.32123.34。也可以使用科学或标准方法来表示:5E74e5等。

c) 布尔值:只有两种状态:TrueFalse。主要用来说明或代表一种状态或标志,以说明操作流程。

d) 字符型常量:使用''""括起来的一个或几个字符。如'This is a book'."hello world"

e) 空值:javascript中又一个控制null,表示什么也没有。如试图引用没有定义的变量,则返回一个null值。

f) 特殊字符:以反斜杠(\)开头的补课显示的特殊字符。通常称为控制字符。

3、变量:变量的作用主要是存取数据,提供存放信息的容器。对于变量必须明确变量 的命名、变量的类型、变量的声明及其变量的作用域。

a) 变量的命名:

变量必须以字母开头,除下划线作为连字符外,变量名称不能有空格。

不能使用JavaScript的关键字作为变量。

b) 变量的类型:

JavaScript中,变量可以用命令var作声明: var myTest;(定义未赋值)

var myTest = "This is a book";(定义并且赋值)

javaScript中,变量可以不作声明,而在使用时再根据数据的类型来确定其变量的类型。

如:x = 100; y = '125'; xy = True; cost = 19.5;

其中x是整数,y是字符串,xy是布尔型,cost是实型。

通过使用var关键字对变量做声明。对变量做声明的好处在于可以方便地及时发现代码中的错误。

JavaScript中同样有全局变量和局部变量。全局变量是定义在所有函数体之外,其作用范围是整个函数;局部变量是定义在函数体之内,则该变量对该函数是可见的,对其他函数则是不可见的。

4、表达式和运算符

表达式:表达式可以分为算术表达式、字符表达式、赋值表达式以及布尔表达式等。

运算符和java之中基本一样。

  
  
  
  
  1. <html>     
  2. <head>     
  3. <script language="javascript">     
  4. <!--      
  5. var msg = "跑马灯效果跑马灯效果";      
  6. var interval = 100;//字符出现间隔时间      
  7. var spacelen = 120;//      
  8. var space10 = "";      
  9. var seq = 0;//字符出现的间隔字符计数器      
  10. function Scroll(){      
  11. len = msg.length;      
  12. window.status = msg.substring(0,seq+1);      
  13. seq++;      
  14. if(seq >= len){      
  15. //seq = spacelen;      
  16. seq = 0;      
  17. window.setTimeout("Scroll();",interval);      
  18. }   
  19. else {      
  20. window.setTimeout("Scroll();",interval);      
  21. }      
  22. }      
  23. function Scroll2(){      
  24. var out = "";      
  25. for(i=1;i<spacelen/space10.length;i++){      
  26. out += space10;      
  27. }      
  28. outout = out + msg;      
  29. len = out.length;      
  30. window.status = out.substring(seq,len);      
  31. seq++;      
  32. if(seq > len){      
  33. seq = 0;      
  34. }      
  35. window.setTimeout("Scroll2();",interval);      
  36. }      
  37. Scroll();     
  38. //-->    
  39. </script>     
  40. </head>     
  41. </html> 

该段代码在浏览器的状态栏实现了跑马灯的效果。

你可能感兴趣的:(html,能力,动态)