web前端之javascript

javascript是web前端开发用到的最基础也是最多的。

• JavaScript 被设计用来向 HTML 页面添加交互行为。
• JavaScript 是一种脚本语言（脚本语言是一种轻量级的编程语言）。
• JavaScript 由数行可执行计算机代码组成。
• JavaScript 通常被直接嵌入 HTML 页面。
• JavaScript 是一种解释性语言（就是说，代码执行不进行预编译）。
• 所有的人无需购买许可证均可使用 JavaScript。

消息框

警告框 alert("警告框");

带有折行的警告框   confirm（“确认框”）；

确认框  prompt（"文本","默认值"）；

提示框  

js函数

创建函数的语法：
function 函数名 (var1,var2,var3)
{
    // 代码
}
当创建的是无参的函数的时候，必须在函数后面加上括号
function 函数名 ()
{
   //代码
}

JS中是完全区分大小写的，因此在调用某个方法的时候必须大小写都相同。

return 语句

return用来返回规定从函数返回的值。因此需要返回某个值的函数必须使用这个return语句。

<script type="text/javascript">
    //alert("警告框");
	//confirm("确认框")
	//prompt("这里是文本","这里是默认值");
	function result(a,b)
	{
	    x=a*b;
	    return x;
	}
	product=result(3,3);
	document.write("the result is :"+product);
</script>

JavaScript 变量的生存期

当您在函数内声明了一个变量后，就只能在该函数中访问该变量。当退出该函数后，这个变量会被撤销。这种变量称为本地变量。您可以在不同的函数中使用名称相同的本地变量，这是因为只有声明过变量的函数能够识别其中的每个变量。如果您在函数之外声明了一个变量，则页面上的所有函数都可以访问该变量。这些变量的生存期从声明它们之后开始，在页面关闭时结束。

javascript事件

我们在web前端开发中常用到js的功能都是通过事件驱动的。

鼠标点击、页面或图像的载人、鼠标悬浮于页面的某个热点上、在表单中选取输入框、确认表单、键盘按键 事件都是与函数结合使用的，当事件发生的时候函数会执行。

属性	当以下情况发生时，出现此事件	FF	N	IE
onabort	图像加载被中断	1	3	4
onblur	元素失去焦点	1	2	3
onchange	用户改变域的内容	1	2	3
onclick	鼠标点击某个对象	1	2	3
ondblclick	鼠标双击某个对象	1	4	4
onerror	当加载文档或图像时发生某个错误	1	3	4
onfocus	元素获得焦点	1	2	3
onkeydown	某个键盘的键被按下	1	4	3
onkeypress	某个键盘的键被按下或按住	1	4	3
onkeyup	某个键盘的键被松开	1	4	3
onload	某个页面或图像被完成加载	1	2	3
onmousedown	某个鼠标按键被按下	1	4	4
onmousemove	鼠标被移动	1	6	3
onmouseout	鼠标从某元素移开	1	4	4
onmouseover	鼠标被移到某元素之上	1	2	3
onmouseup	某个鼠标按键被松开	1	4	4
onreset	重置按钮被点击	1	3	4
onresize	窗口或框架被调整尺寸	1	4	4
onselect	文本被选定	1	2	3
onsubmit	提交按钮被点击	1	2	3
onunload	用户退出页面	1	2	3

特殊字符

反斜杠用来在文本字符串中插入省略号、换行符、引号和其他特殊字符。

var txt="test "nihao"."

上面的代码执行的时候页面显示不正常，因为“”又嵌套了一个“”，因此需要修改成：

var txt="test /"nihao/"."

在 JavaScript 中，字符串使用单引号或者双引号来起始或者结束。这意味着上面的字符串将被截为：test

下面的表格列出了其余的特殊字符，这些特殊字符都可以使用反斜杠来添加到文本字符串中：

代码	输出
\'	单引号
\"	双引号
\&	和号
\\	反斜杠
\n	换行符
\r	回车符
\t	制表符
\b	退格符
\f	换页符

空格

js会省略多余的空格，因此我们可以在代码中添加适当的空格增强程序的可阅读性。

换行

使用左斜杠代替换行。

属性
属性是指与对象有关的值，我们使用字符串对象的长度属性可以计算字符串中字符的数目。

<script type="text/javascript">
    //alert("警告框");
	//confirm("确认框")
	//prompt("这里是文本","这里是默认值");
	var txt="Hello World!"
   document.write(txt.length)
	
</script>

方法

方法是对象可执行的行为或者说是完成的功能。

 toUpperCase() 方法来显示大写字母文本。

indexOf() 来定位字符串中某一个指定的字符首次出现的位置。

match() 来查找字符串中特定的字符，并且如果找到的话，则返回这个字符。

 replace() 方法在字符串中用某些字符替换另一些字符。

使用 Date() 方法获得当日的日期。

getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。

 setFullYear() 设置具体的日期。

toUTCString() 将当日的日期（根据 UTC）转换为字符串。

 getDay() 和数组来显示星期，而不仅仅是数字

js数组

数组对象用来在单独的变量名中存储一系列的值。我们使用关键词 new 来创建数组对象。

var my= new Array();

对数组进行赋值，方法有两种：

func1:

var my = new Array();
my[0]="3";
my[1]="this";

也可以使用一个整数自变量来控制数组的容量。

var my = new Array(2);
my[0]="2";
...

func2:

var my=new Array("2","frfrfr");

修改数组中的值：只需要指定下标添加一个新值。

Math()

round()

 random() 来返回 0 到 1 之间的随机数。

max() 来返回两个给定的数中的较大的数.

min() 来返回两个给定的数中的较小的数。

RegExp 是正则表达式的缩写,当您检索某个文本时，可以使用一种模式来描述要检索的内容。

...