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;