javascript

来源：互联网发布：粮食安全大数据编辑：程序博客网时间：2024/05/22 05:08

JavaScript是由网景公司开发的一种跨平台，面向对象(object-oriented)的网页脚本语言(Web Script Language)，是目前流行的网页特效设计语言。
JavaScript代码可直接嵌入HTML文件中，随网页一起传送到客户端浏览器，然后通过浏览器来解释执行(不需要编译)。

Java是SUN公司的，包括Java语言和Java开发平台；Javascript是网景公司开发的
Java在客户端运行的应用程序叫Java Applet，是嵌在网页中，有自己独立的运行窗口的小程序
Javascript脚本，直接把代码写到HTML代码中，浏览器读取它们的时候才执行，所以查看HTML源文件就能看到Javascript源代码。没有独立运行窗口。
在HTML标记中直接写入JavaScript代码
例：
<HTML>
<BODY>
    <P onmouseover="alert('欢迎您学习JavaScript!')">鼠标移过来</P>
   </BODY>
</HTML>
将JavaScript代码放入<Script>…</Script>标记符中
例如：
<script type="text/javascript">
    document.write("欢迎您学习JavaScript!");
</script>

将代码独立存储为以 .js 为扩展名的文件，利用SRC属性将该文件调入
例如：
<script type="text/javascript" src="welcome.js">
</script>

welcome.js文件内容如下：
document.write("欢迎您学习JavaScript!");

数值(Number)：包含整数或浮点数。
逻辑值(Logical)：取值为true或false。
字符串(String)：用单引号或双引号括起来的零个或多个单一的字符所组成。
空值(null)：表示没有值，取唯一值”null”，大小写敏感。
未定义值(undefined)：表示尚未定义值。
注：null不能写成Null或NULL。
null既不等于“0”，也不等于“空字符串”。因为“0”是数值，“空字符串”是字符串。

例如：var x=”我今年”+18;      结果：x=“我今年18”
      var x=”15”+8              结果：x=158
      var y=15+8;               结果：y=23
如果表达式中用了其它运算符，JavaScript自动将字符串转成数值。
String的构造函数：将数值转换为数值对应的字符串，例如：
    var str_value=String(value)
toString方法：
   var num=6;
   var str_value=num.toString();
   var str_value_binary=num.toSting(2);
parseInt：将传入的字符串，转换成指定底数的数值。
parseFloat：将传入的字符串，转换成浮点数值。

delete：删除对象、属性、数组、变量
    格式：delete 对象名             delete 对象名.属性名
              delete 数组名[索引值]      delete 变量名
    注：删除成功返回true，删除失败返回flase
                                                                    举例
typeof：用来判断操作数的类型
   格式：typeof 操作数      或    typeof （操作数）
                                                                    举例
this：代表当前对象，因此用在不同的地方，就有不同的结果。

Javascript语句是发给浏览器的命令，告诉浏览器要做的事情
例如：向网页输出Hello World
document.write(“Hello World”)；
还可以插入html代码
document.write(“<h1>Hello World</h1>”);

弹出消息对话框，用于提示信息，带一个ok按钮（提示表单输入错误）
alert(“wrong name!”);
alert(“The sum is :”+sum+”\n”);
参数中不能有html标签，可用“\n”

用户自定义函数
将一组复合语句编写为函数，就可以避免页面载入时执行该脚本。

函数包含着一些代码，这些代码只能被事件激活，或者在函数被调用时才会执行。

函数在页面起始位置定义，即 <head> 部分。

<html>
<head>
<script type="text/javascript">
function myfunction(txt)
{alert(txt)}
</script>
</head>
<body>
<form>
<input type="button" onclick="myfunction('您好！')" value="调用函数">
</form>
<p>通过点击这个按钮，可以调用一个带参数的函数。该函数会输出这个参数。</p>
</body>
</html>

<html>
<head>
<script type="text/javascript">
function product(a,b)
{
return a*b
}
</script>
</head>
<body>
<script type="text/javascript">
document.write(product(6,5))
</script>
<p>body 部分中的脚本调用一个带有两个参数（6 和 5）的函数。</p>
<p>该函数会返回这两个参数的乘积。</p>
</body>
</html>

为新创建的对象定义并初始化属性
用new关键字来调用构造函数
var my_list=new Array(1,2,”three”,”four”)
还可以自己编写构造函数
function car(new_make,new_model,new_year){
        this.make=new_make;
        this.model=new_model;
        this.year=new_year;}
My_car=new car(“Ford”,”Contour SVT”,”2000”)
为my_car创建方法display
表达式：（1）“^” 插入符
/^first/ 表示检测字符串是否以 first 开头
（2）“$” 美元符
/end$/ 表示检测字符串是否以 end 结尾
（3）”.” 点号。
点号是用来匹配除了换行符之外的任意字符
/e.d/ 表示检测字符串是否匹配字符e加一个任意字符和字符d
（4）”-” 短横线。短横线被称为范围界定字符
/[0-9]/ 表示字符串是否匹配任何数字   [^0-9] 非数字
（5）”|” 管道元字符
/(a|b)/ 表示字符串含有字符a或字符b
(6) { n,m }
这里的n和m都是正整数。匹配至少n个最多m个前面的字符。
例如：/a{ 1,3 }/匹配 “candy,”中的‘a’，“caandy,” 中的前面两个。
事件 (Event)：鼠标或键盘的动作称为事件 ,如键盘输入、鼠标移动、页面关闭等。
2、事件处理器：与特定的文本和特定事件相联系的Javascript脚本代码。
3、事件驱动(Event Driver)：由事件引发的一连串程序的动作，称为事件驱动。
4、事件处理程序（Event Handler）：
对事件进行处理程序或函数

事件处理程序语法
将事件处理程序直接嵌入HTML标记符中
<BODY onLoad = “alert(‘这是事件处理程序’)”>
例如：
<Body onLoad="alert('您好！欢迎您学习JavaScript')">
</Body> 浏览
直接写在对象后面
<Script>
document.onLoad = alert('这是事件处理程序');
</Script>

<HTML>
<HEAD>
<TITLE>图片切换</TITLE>
</HEAD>
<BODY>
<A href="http://www.mycom.cn">
<img src=“dog1.jpg” name=“picture” width=“400”
    height=“155” onMouseOver=“ src=‘dog2.jpg’ ”
        onMouseOut=“ src=‘dog1.jpg’ ”> 低价转让哈士奇弟弟
</A>
<H1> 移过来看看俺啊</H1>
</BODY>
</HTML>
当文档中包含<A>标记时，JavaScript自动建立相对应的锚点对象。这些对象可以用document的anchors属性，搭配数组的索引方式来进行访问控制。例如：文件中的第一个锚点对象，叫做document. anchors [0], 第二个锚点对象，叫做document. anchors [1],依次类推
       无论是文字、图形或图像映射，只要是用来作为超级链接用的对象，JavaScript自动建立相对应的链接对象。这些对象可以用document的links属性，搭配数组的索引方式来进行访问控制。例如：文件中的第一个链接对象，叫做document.links[0], 第二个链接对象，叫做document.links[1],依次类推。
表单对象(Form)提供一个让客户端输入文字或进行选择的功能，例如：单选按钮、复选框、选择列表等。由<FORM>标记组构成，JavaScript自动建立一个表单对象，并将用户端的信息送至服务器进行处理。表单对象是文件对象的子对象，同时，它也包含许多子对象

当JavaScript读到<INPUT>标记中的type属性值为checkbox时，自动建立一个复选框对象，并将该对象放到表单对象的elements数组当中。

1.使用复选框对象的格式
document.forms[索引值].elements[索引值].属性
document.forms[索引值].elements[索引值].方法(参数群)
或
document.表单名称.复选框对象名称.属性
document. 表单名称. 复选框对象名称.方法(参数群)