您的位置：首页 > Web前端 > JavaScript

JavaWeb前端知识-JavaScript基础

2017-04-09 19:05 483 查看

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： java web 前端

相关文章推荐

新的分享

章节导航