javaScript基础案例

Javascript 是一种轻量级的编程语言。

Javascript 是可插入 HTML 页面的编程代码。

Javascript 插入 HTML 页面后，可由所有的现代浏览器执行。

Javascript可以向HTML中输入内容

同时可以使用Javascript响应某些事件

Javascript还可以修改HTML中的文本和文本样式










测试能否修改HTML内容
测试p标签






如需从 Javascript 访问某个 HTML 元素，您可以使用 document.getElementById(id)
 方法。
相应的HTML标签需要使用id属性标识。
如果向HTML中写入的文本较长，可以使用反斜杠对文本进行换行。
例如：










Javascript对大小写敏感，即y和Y是不同的变量。在书写Javascript代码时一定要注意这一点。

Javascript变量声明统一使用var进行声明。
例如：










变量申明也可以多条同时声明，变量之间用“，”隔开


var name="Gates",
age=56,
job="CEO";
Javascript支持多种数据类型，包括：字符串、数字、数组、布尔型、NULL和Undifined

Javascript只支持一种数字类型，可以是整数，也可以是小数。
Javascript支持函数的定义，函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
函数就是包围在花括号之间的代码块，前面使用function关键字定义。

function functionname()
{
这里是要执行的代码
}
函数定义时同时可以传递参数，多个参数之间使用“，”分隔。


function myFunction(var1,var2)
{
这里是要执行的代码
}
函数调用时，直接调用函数名即可。

例如：











对于带返回&＃20540;的函数，我们可以通过return关键字返回指定的&＃20540;










Javascript支持多种运算符，假定y=5





运算符

描述

例子

结果



&＃43;

加

x=y&＃43;2

x=7



-

减

x=y-2

x=3



*

乘

x=y*2

x=10



/

除

x=y/2

x=2.5



%

求余数 (保留整数)

x=y%2

x=1



&＃43;&＃43;

累加

x=&＃43;&＃43;y

x=6



--

递减

x=--y

x=4





再看赋&＃20540;运算符，x = 10,y=5






运算符

例子

等价于

结果



=

x=y

 

x=5



&＃43;=

x&＃43;=y

x=x&＃43;y

x=15



-=

x-=y

x=x-y

x=5



*=

x*=y

x=x*y

x=50



/=

x/=y

x=x/y

x=2



%=

x%=y

x=x%y

x=0




比较运算符，给定x=5





运算符

描述

例子



==

等于

x==8 为 false



===

全等（&＃20540;和类型）

x===5 为 true；x==="5" 为 false



!=

不等于

x!=8 为 true



>

大于

x>8 为 false



<

小于

x<8 为 true



>=

大于或等于

x>=8 为 false



<=

小于或等于

x<=8 为 true




逻辑运算符





运算符

描述

例子



&&

and

(x <10 && y > 1) 为 true



||

or

(x==5 || y==5) 为 false



!

not

!(x==y) 为 true