JavaScript 学习笔记

1.      JavaScript的基本标签是：

 <script type="javascript">  </script>

不过貌似不写，浏览器也能认识？

 

2.      从外部文件引入js的方法是：这个JavaScript文件一般以.js作为扩展名

 <script language="JavaScript"src="22222.js"></script>

 

3.      通过js向html写东西的方式为：

  <scriptlanguage="javascript">

    document.write("<b>gfsdgjsdflgjlsdfjglkdsfjgljsdfl;j         </b>")

  </script>

 

4.      Js当中定义变量通过var

                   <scriptLanguage="JavaScript">

                            vargreeting;

                            greeting= "Welcome to the JS!";

                   </script>

但是貌似不定义变量，而直接用也是没问题的。

JavaScript是一门弱类型的语言，所有的变量定义均以var来实现

JavaScript的变量建议先定义，再使用

JavaScript区分大小写

虽然JavaScript可以不需定义即可直接使用变量，但不建议这么做

 

5.      Js中的数组

           <ScriptLanguage="JavaScript">

                    var arr = new Array(3);

                    arr[0] = 1;

                    arr[1] = 2;

                    arr[2] = 3;

                    arr[3] = 4;

                    arr["rrr"] = 4090;

           </Script>

注意js并不限定数组的大小。这里其实是有5个数组元素分别是

arr[0]，它的值是1.

arr[1]，它的值是2.

arr[2]，它的值是3.

arr[3]，它的值是4.

arr[“rrr”]，它的值是4090

也就是说，这里 0， 1， 2，3，“rrr”不是传统的数组下标，而是数组元素的名字。

 

³  算术运算

²  +、-、*、/

²  >、<、=、>=、<=、==

²  (7.htm)

³  逻辑运算

²  与：&&

²  或：||

²  非：!

²  (8.htm)

³  字符串运算符

²  连接运算：+(9.htm)

²  取子集：substring(index1,index2)(10.htm)

³  条件表达式

²  条件?A:B(11.htm)

 

6.      Js的for语句

<Script language="JavaScript">

           for(var o in arr) {

                    document.write("\n");

                    document.write(arr[o]);

           }

</Script>

得到数组中的每个元素。

 

7.      条件语句

<Script language="JavaScript">

var today = new Date();

var hour = today.getHours();

if(hour<12)

{

  document.write("GoodMorning");

}

else if(hour == 12)

{

 document.write("Good Noon!");

}       

else

{

 document.write("Good Afternoon!");

}

</Script>

 

8.      while循环

         <Scriptlanguage="JavaScript">

         vari = 1;

         while(i<10)

         {

           document.write(i+"<br>");

           i++;

         }

         </Script>

 

9.      Switch

<Script language="JavaScript">

var hour = 9;

switch(hour)

{

case 1:

 document.write("Good Morning");

  break; 

case 2:    

 document.write("Good Noon!");

  break; 

case 3:

 document.write("Good Afternoon!");

  break;

default:

 document.write("Hello!");

}

</Script>

 

10.  像java一样访问数组元素

<Script language="JavaScript">

           var arr = new Array(2,3,4,5);

           for(i=0;i<arr.length;i++)

           {

            document.write(arr[i]+"<br>");

           }

</Script>

 

11.  do While循环

<Script language="JavaScript">

    var i=0;

    do

    {

      document.write(i+"<br>");

      i++;

    }

    while(i<6);

</Script>

 

12.  函数和函数调用

函数的声明和函数体

<Script language="JavaScript">

   function test()

   {

    document.write("a");

    document.write("b");

   }

</Script>

调用

<Script language="JavaScript">

test();

</Script>

 

控制字符

³  JavaScript中有些以反斜杠（\）开头的不可显示的特殊字符。通常称为控制字符。

³  \b :表示退格符。

³  \f :表示换页。

³  \n :表示换行符。

³  \r :表示回车符。

³  \t :表示Tab符号。

³  \' :表示单引号本身。

³  \" :表示双引号本身。

 

Math对象

³  abs()  绝对值

³  sin() , cos()  正弦余弦值

³  asin() ,  acos() 反正弦反余弦

³  tan() , atan()  正切反正切

³  round()  四舍五入

³  sqrt()  平方根

³  pow(x,y)  x的y次方

 

Date对象

³  创建方式：

   myDate = new Date();

³  日期起始值:１9７０年１月１日００:００:００

³  主要方法

² getYear(): 返回年数          setYear(): 设置年数

² getMonth(): 返回月数       setMonth():设置月数

² getDate():  返回日数         setDate():设置日数

² getDay(): 返回星期几       setDay():设置星期数

² getHours():返回小时数     setHours():设置小时数

² getMinutes():返回分钟数  setMintes():设置分钟数

² getSeconds():返回秒数      setSeconds():设置秒数

² getTime() : 返回毫秒数     setTime() :设置毫秒数

 

JavaScript事件处理

³  onFocus：在用户为了输入而选择select、text、textarea等时

³  onBlur：在select、text、password、textarea失去焦点时

³  onChange：在select、text、textarea的值被改变且失去焦点时

³  onClick：在一个对象被鼠标点中时（button,checkbox,radio,link,reset,submit,text,textarea等）

³  onLoad：出现在一个文档完成对一个窗口的载入时

³  onUnload：当用户退出一个文档时

³  onMouseOver：鼠标被移动到一个对象上时

³  onMouseOut：鼠标从一个对象上移开时

³  onSelect：当form对象中的内容被选中时

³  onSubmit：出现在用户通过提交按钮提交一个表单时

 

³  警告框(alert)：出现一个提示信息

³  询问框(prompt)：返回输入的值

³  确认框(confirm)：根据不同的选择，返回true/false

 

setTimeout、setInterval

 

<scriptlanguage=javascript>

//var a =window.setInterval("alert('Hello, world')", 2000);

var a = window.setTimeout("alert('Hello,world')", 2000);

</script>

<inputtype=button value="停止" οnclick=clearTimeout(a);>

 

 

确认框举例：

<scriptlanguage="javascript"> 

function a_onclick() {

var cv

cv=window.confirm('确实要删除该条记录吗?')

if(cv==true){return true}

else{return false}

}

</script>

用一条语句实现上述功能：

functiona_onclick_new() {

           event.returnValue=window.confirm('确实要删除该条记录吗?')

}