JavaWeb前端知识-JavaScript基础

来源：互联网发布：提高英语水平的软件编辑：程序博客网时间：2024/06/06 02:06

JavaScript是世界上最流行的语言之一,一种轻量级的语言,可插入html页面,由浏览器执行.标准名称:ECMA
功能:
- 写入HTML输出
- 对事件做出反应
- 改变HTML内容
- 改变HTML图像
- 改变HTML样式
- 验证输入
使用:
在或者里面写,js代码放在页面代码的底部,这样可以元素创建后再执行.

① js的语句规则
js可以使用分号结尾,减少换行,但是不严格要求
对大小写敏感,会忽略多余的空格.
js 的文本换行需要用\ 来连接 .
//单行注释
/* */ 多行注释
简单的alert()

<script type="text/javascript">function func1(){    //单行注释    alert("不要点我啊")    }</script></head><body><input type="button" value="点我" id="b1" onclick="func1()" /></body>

②js的数据类型
变量对大小写敏感,类型包括,字符串,数字,布尔,数组,对象,NULL,Undefined
拥有动态类型
var x=”name” –通过var赋值
var cars=new Array (“audi”,”bmw”,”benz”) –数组
var cars=[“audi”,”bmw”,”ford”]
var person={name:”xiaobai”,id:98778};–对象
获取对象属性 n=person.name
③ js的对象
一切皆对象,包括属性和方法.
属性 :car.color=lue
方法:car.drive()
调用对象的属性

<script type="text/javascript" >var person =new Object();person.name="naeme";person.age=12;var t=person.name.length;alert(t);</script>

④ js的函数
函数就是花括号里面的代码块,使用关键词function

<script type="text/javascript">function f1(){var s1=document.getElementById("n1").value;var s2=document.getElementById("n2").value;s3=parseInt(s1)+parseInt(s2);document.getElementById("sm").value=s3;}</script><body>请输入第一个数字:<input type="text" name="num1" id="n1" /><br />请输入第二个数字:<input type="text" name="num2" id="n2"  /><br /><input type="button" value="计算" id="b1"  onclick="f1()" /> <input type="text" id="sm" />

运算符: ==等于 ===全等 !=不等
&& –and
|| –or
! –not
条件语句:
if(a>0){
alert();
} else if(a=0){
alert();
}
swith(n){
case 1: break;
case 2: break;
default: break;
}
循环语句:

<script type="text/javascript">function f1(){var person={name:"kaige",age:18,sex:"男"};var str="";for ( x in person) {    str=str+person[x]+"<br/>";    }document.write(str);}</script></head><body><input type="button" value="forin循环" onclick="f1()" /><br /></body>

0 0