javascript学习笔记

当我们的网页有了框架（HTML）和美化（CSS）后还缺点什么呢？ 对，我们就是需要和网页进行互动，那么和网页进行互动就需要javaScript的帮助。

javaScript应该放在网页中什么地方呢？

javaScript在网页中的位置：javaScript一般都放在网页body体的底部，因为大部分网页的浏览者都是需要先看到内容才进行操作，但是javaScript如果放在头部了，就会影响网页的加载，就相当于影响了访问网页的速度，不好。

javaScript写在什么标签中？

javaScript再网页中写在<script type="text/javascript"></script>这样一对标签中。

判断网页中是否有javaScript的方法

我们在火狐中打开网易的邮箱注册页面，什么也不填当我们点立即注册的时候，就会看到那些红色的提示字体，这其实就是javaScript：

我们知道火狐浏览器的一个插件webDeveloper可以禁用javaScript我们禁用下javaScript看下效果：

能看到网易知道了我们禁用了js那么他们是怎么知道的？  其实就是HTML中的一个标签 <noScript></noscript>  实列代码：    

当我们设置了这个标签后，会看到这样的效果：

能看到浏览器知道了我们也禁用了js，其实就是这样知道的。

javaScript中的HelloWorld

javaScript中的弹框用的是函数，alert(),confirm(),prompt()等。先看下alert()的用法：实列代码：

效果：
我们看到弹出的框框上边只有确定这个选项，但是在实际的网页开发中会有很多需要我们去选择的 确定/取消？比如删除这个操作，如果只有确定，我们就要哭了，下面我们试试这个函数confirm(); 实列代码

效果如下：

能看到多出了个取消的选项。还有一种我们也会偶尔的看到，就是弹出个框框上边带有 输入框，要我们输入东西，我们看下实列：

效果如下：

这个函数的意思就是，获取输入框中的值，并把其赋值给numA。

向网页中写东西

  向网页中写东西的方法document.write("tom");

实列：

          

会看到效果：

看到显示出的 效果了，而且tom还居中了，这与在p标签中设置的有关。 再说下，在js中对字符串来说可以用单引号，也可以用双引号   如在上边的列子中，在外边用了双引号，在p标签中需要对center用引号 ，那么就用单引号。所以外边双引号，里边单引号，相反的也可以。

变量声明

js的变量声明没有变量的类型声明，所有变量的声明都用  var 来  如： var name="tom";

这个时候name就字符串类型，当 name=23;   时 name就变为整型 ，再js中变量的声明是很随意的。

运算符

• 算术运算符

– +、 -、 *、/、 %、 ++、 --

• 比较运算符

– ==、!=、>、>=、<、<=

• 逻辑运算符

– &&、||、！

其实js中的运算符和java中的大致相同。

逻辑控制语句

if条件语句：

switch条件语句：

其实js中的逻辑控制语句同java中的一样。

逻辑控制语句

循环

也可以使用while语句循环同java中相同。

注释

类型转换

• parseInt(String)

 – 将字符串转为数字

• parseFloat(String)

 – 将字符串转换为浮点型

函数（类似于java中的方法，执行特定任务）

在javaScript中所有函数的声明都是用 function来声明的。

调用函数

函数的调用一般和表单元素的事件一起使用：

如：

获取表单文本框中的值的方法：

下面看下有参数的函数：

调用的时候也需要传入参数。

javascript中的DOM模型

    

DOM  它定义了访问HTML文档对象的一套属性、方法和事件。

使用DOM操作对象的方法

• getElementById()

• getElementsByName()

• getElementsByTagName()

使用方法实列如下：

这个实列的效果是当点击按钮时可以实现两个内容的互相切换，其中改变内容用 innerHTML = 改变超链接用.href来改变  如上边实列：效果

点击新浪可以进入到新浪主页。

单击change按钮后可以看到：

超链接变为网易的了， 我们单击链接，可以进入到网易的主页。  这就是利用DOM操作对象。

这里提一下，

• getElementsByName()

• getElementsByTagName()

这两个得到的是一个数组，可以获取多个对象，并且放入数组中，数组的用法同java中的用法，列子：

    

window对象的常用属性

      名称            说明

     status       指定浏览器状态栏中显示的临时消息 （一般都不用了，在IE中有效果）

     screen       有关客户端的屏幕和显示性能的信息。

     history      有关客户访问过的URL的信息。

     location     有关当前 URL 的信息。

     document     表示浏览器窗口中的HTML文档

window对象的常用方法

     名称                                           说明

 alert ("提示信息")                       显示一个带有提示信息和确定按钮的对话框

 confirm("提示信息 “)                 显示一个带有提示信息、确定和取消按钮的对

                                                      话框

 open ("url","name")                  打开具有指定名称的新窗口，并加载给定 URL

                                                      所指定的文档；如果没有提供 URL ，则打开一

                                                      个空白文档

 close ( )                                    关闭当前窗口

 showModalDialog( )               在一个模式窗口中显示指定的HTML文档

 setTimeout("函数",毫秒数)        设置定时器：经过指定毫秒值后执行某个函数

显示屏幕分辨率

     

弹出窗口（在IE下可用）

 

location对象的属性

    window.location.href = "http://www.163.com";

Date对象

      

  

利用setTimeout() 做时钟显示