javascript-js基础语法

js基础语法

xamp：强大的建站集成软件包

分为：apache、mysql、php、perl

1、 在HTML中作用：

（1）      可以控制DOM

（2）      可以控制CSS

（3）      用户交互

（4）      事件编程

（5）      网络通讯

例子一：弹框：

方法1:

<input type="button"value="弹框" onClick="alert('弹出框内容一');">

方法2:

<input type="button" value="弹框二" οnclick="fun1()">

<script>

function fun1(){

alert("弹框二");

}

</script>

方法3:

<a href=”javascript(alert(‘内容’))”>

 

例子二：获取元素、动态添加（div中加a标签）

方法1：

<script>

document.write("<ahref='http:www.h5edu.cn'>H5EDU</a>");

</script>

 

方法2：innerHTML

<script>

document.getElementById("div中id的名称

").innerHTML="<ahref='http://www.h5edu.cn'>H5EDU</a>";

</script>

其中，注意：innerHTML把div中的元素全部内容清空，替换innerHTML中的内容

 

2、 js编码位置：

head、

body（<script>……</script>）、

标签内部（<button οnclick=”alert(‘文字’);”></button>）、

独立js文件（新建script.js文件，在页面中包含：<script src="script.js"></script>）

3、 js语法：

（1）注释：

//----------------------单行注释

/*

*

*

*/-------------------多行注释

（2）求矩形面积

 

方法一：表单输入框求面积：

宽度：<input type="text" id="width">

高度：<input type="text" id="height">

<input type="button"value="计算" οnclick="fun1()"><br/>

结果：<input type="text" id="jieguo">

<script>

function fun1(){

var a = document.getElementById("width").value;//-------------读取div中的值，其默认为string类型，所以+号时，为字符串拼接

var b = document.getElementById("height").value;

//计算乘积

var s = a*b;

document.getElementById("jieguo").value= s;

}

 

</script>

 

方法二：用户输入prompt输入求矩形面积

<script>

var a =prompt("请输入宽度");

var b = prompt("请输入高度");

//计算乘积

var s = a*b;

document.write("结果："+s);

 

</script>

 

（3）运算符：

A：算数运算符

+、-、*、/、%

B：关系运算符

==、>、<、>=、<=、!=

C：赋值运算符

=、+=、-+、*=、/=、%=、++、--

例子：a+=b;表示：a=a+b;

++表示数字+1；--表示数字-1

D:逻辑运算符

且：&&  或：|| 非：!=

 

（4）变量的数据类型：

Number、function、string、null、bool等

A：查看数据类型，通过typeof

 

例子：

<script>

//查看变量类型，typeof()

document.write(typeof(a2));

document.write("<br/>");

document.write(typeof(a));

document.write("<br/>");

//布尔类型

var c=true;

document.write(typeof(c));

 

</script>

 

B:parseInt------强制转整型

例子：

<script>

var a=7.2;

var b =3;

var c=a*b;

//document.write(c);

//强制把21.6转换为整数，为21

document.write(parseInt(c));

</script>

 

C：转字符串------------string

Var a =”3”;----------------加双引号为字符串

例子：

//""双引号表示字符串

var a="3";

var b="4";

//两个字符串相加，表示连在一起，输出为34

document.write(a+b);

//整形

var a2=4;

var b2=5;

//两个整数相加为9

document.write(a2+b2);

 

 

4、 变量命名规则：

（1）      变量首字母可以以字母（a-z、A-Z开头）、下划线（_），不能数字开头

（2）      之间不为空格

（3）      字母、下划线、数字组合使用

 

5、 常量：Math.PI（3.1415926）

例：var a=3*Math.PI;