关闭

javascript-第一节-js基础语法

251人阅读 评论(0) 收藏 举报
分类:

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="弹框二" onclick="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 onclick=”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="计算" onclick="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.PI3.1415926

例:var a=3*Math.PI;

 

 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:57949次
    • 积分:1449
    • 等级:
    • 排名:千里之外
    • 原创:88篇
    • 转载:16篇
    • 译文:0篇
    • 评论:2条