java script 学习总结_java script语言课程设计总结-CSDN博客

本文链接：https://blog.csdn.net/u011194983/article/details/9529015

java script

JavaScript是一种基于对象和事件驱动的语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。

它的作用主要有两个：

提供用户交互数据验证

JavaScript 语句是与HTML联合使用的

方式如下：

使用 <SCRIPT>标签将语句嵌入文档

代码如下：

<HTML>

<HEAD>

document.write("欢迎来到 JavaScript 世界");

</SCRIPT>

</HEAD>

<BODY>

<P>尽情享受学习的快乐!!!

</BODY>

</HTML>

JavaScript 既然是一种语言，它有着自己的语法，变量类型，方法等与java语言类似的属性。JavaScript中声明变量的方法：var 变量名。

JavaScript程序是由若干语句组成的，语句是编写程序的指令。 JavaScript提供了完整的基本编程语句，它们是：赋值语句、switch选择语句、while循环语句、for循环语句、for each循环语句、do...while循环语句、break循环中止语句continue循环中断语句、with语句、try…catch语句、if语句（if..else，if…else if…）。

函数

函数是命名的语句段，这个语句段可以被当作一个整体来引用和执行。使用函数要注意以下几点：

1）函数由关键字function定义（也可由Function构造函数构造）。

2）使用function关键字定义的函数在一个作用域内是可以在任意处调用的（包括定义函数的语句前）；而用var关键字定义的必须定义后才能被调用。

对象.

JavaScript的一个重要功能就是面向对象的功能，通过基于对象的程序设计，可以用更直观、模块化和可重复使用的方式进行程序开发。

一组包含数据的属性和对属性中包含数据进行操作的方法，称为对象。比如要设定网页的背景颜色，所针对的对象就是document，所用的属性名是bgcolor，如document.bgcolor="blue"，就是表示使背景的颜色为蓝色。

对象大致分为三类：1、浏览器对象，2、脚本对象，3、文档对象。

浏览器对象主要有window location document history 这四个对象。

脚本对象

字符串(String)对象
　　字符串是 JavaScript 的一种基本的数据类型。需要注意的是，JavaScript 的字符串不可变（immutable），String 类定义的方法都不能改变字符串的内容。像 String.toUpperCase() 这样的方法，返回的是全新的字符串，而不是修改原始字符串。
　　String 对象的 length 属性声明了该字符串中的字符数。
　　String 类定义了大量操作字符串的方法，一般分为这样几类：查找子字符串、截取，分割和拼接字符串、匹配正则表达式、改变字符串样式等。
　　JavaScript Date（日期）对象
　　Date 对象用于处理日期和时间，Date 对象会自动把当前日期和时间保存为其初始值。
　　Date 对象的大部分方法是以下几类：
　　getXXX：获取年、月、日、时、分、秒、等等。
　　setXXX：设置年、月、日、时、分、秒、等等。
　　toXXXString：转成一定格式的字符串。
JavaScript Array（数组）对象
　　数组对象的作用是：使用单独的变量名来存储一系列的值。
　　数组的常用属性是：length，代表了这个数组中元素的个数。
　　数组的常用方法分这么几类：排序、添加和删除元素、拼接另一个数组、转成字符串。其中添加元素和移除元素的几个方法还有模拟堆栈或队列这些数据结构的作用。
　　JavaScript Math（算数）对象
　　Math（算数）对象的作用是：执行常见的算数任务。
　　Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()，像 Math.sin() 这样的函数只是函数，不是某个对象的方法。您无需创建它，通过把 Math 作为对象使用就可以调用其所有属性和方法。（相当于静态类和静态方法）
　　Math 对象的常用属性都是数学相关的常量属性，如圆周率π、2的平方根。

　　Math 对象中最常用的方法有这样一些：向上（向下）取整、四舍五入取整、随机数、返回2个数中的大数或小数。
　　事件
用户与网页交互时产生的操作，称为事件。事件可以由用户引发，也可能是页面发生改变，甚至还有你看不见的事件。绝大部分事件都由用户的动作所引发，如：用户按鼠标的按键，就产生click事件，若鼠标的指针在链接上移动，就产生mouseover事件等等。在JavaScript中，事件往往与事件处理程序配套使用。
常用的事件有

onClick	鼠标单击
onChange	文本内容或下拉菜单中的选项发生改变
onFocus	获得焦点，表示文本框等获得鼠标光标。
onBlur	失去焦点，表示文本框等失去鼠标光标。
onMouseOver	鼠标悬停，即鼠标停留在图片等的上方
onMouseOut	鼠标移出，即离开图片等所在的区域
onMouseMove	鼠标移动，表示在<DIV>层等上方移动
onLoad	网页文档加载事件
onSubmit	表单提交事件
onMouseDown	鼠标按下
onMouseUp	鼠标弹起

onMouseOver 事件使用案例

<HTML>
<HEAD>
<TITLE>无标题文档</TITLE>
<SCRIPT language="JavaScript">
function change(color)
{
  document.bgColor=color ;
     
     
      
      <!--利用document对象的bgColor属性改变背景色-->
     
     
}
</SCRIPT>
</HEAD>
<BODY>
<H2> 移过来我变色给你看看！</H2>
<FONT size=4>
   <SPAN onMouseOver="change('red')">变红色</SPAN>|<!--onMouseOver事件的使用-->

  <SPAN onMouseOver="change('blue')">变蓝色</SPAN>|
  <SPAN onMouseOver="change('yellow')">变黄色</SPAN>
</FONT>
</BODY>