JavaScript是一种弱类型语言,一种脚本语言,基于对象和事件驱动并具有安全性能的脚本语言,使用JavaScript可以轻松的实现与HTML的互操作,并且完成丰富的页面交互效果,它是通过嵌入或调入在标准的HTML语言中实现的,它的出现弥补了HTML的缺陷,是java与HTML折衷的选择。
基于对象:
指的是程序的内部已经为用户提供好了若干个对象,用户直接使用这些对象即可。
面向对象:
java属于面向对象的语言,面向对象是指用户自己定义类,对象需要用户自己产生。
java与JavaScript的关系:
没有半毛钱关系。
1.javaScript使用
只需要编写script元素即可。
<!doctype html>
<html lang="en">
<head>
<script type="text/javascript">
alert("Hello World!!!");
</script>
</head>
<body>
<script type="text/javascript">
alert("check!!");
</script>
</body>
</html>
javaScript的代码都是顺序执行的。
如果希望控制在页面中显示:
<!doctype html>
<html lang="en">
<head>
<script type="text/javascript">
document.write("<h1>hello world</h1>");
</script>
</head>
<body>
</body>
2. 变量的使用
使用var定义一个javaScript变量,变量的具体类型由所赋的内容来决定。
<script type="text/javascript">
var num = 10;
var str = "devin";
alert("整型:" +num + ",字符串:" + str);
</script>
当然,不使用var关键字也可以:
<script type="text/javascript">
num = 10;
str = "devin";
alert("整型:" +num + ",字符串:" + str);
</script>
3. 顺序、分支、循环
<script type="text/javascript">
str = "devin";
if( str == "devin"){
alert("内容符合!");
}else{
alert("内容不符!");
}
</script>
在java中,双等号==是不能判断字符串相等的,而在javaScript中没有此限制。
<script type="text/javascript">
document.write("<table border = \"1\">");
for(i = 1; i <= 9; i++){
document.write("<tr>");
for(j=1; j<=9; j++){
if(j<=i){
document.write("<td>"+i + "*" + j + "=" +i*j+"</td>");
}else{
document.write("<td> </td>");
}
}
document.write("</tr>");
}
document.write("</table>");
</script>
4. 函数
javaScript中所有的函数都是function关键字定义的。
function 函数名(参数列表){
[return 返回值]
}
<script type="text/javascript">
function fun(){
var arr = new Array(3);
for(i=0; i<arr.length; i++){
arr[i]=i
}
var str = "数组内容:";
for(i=0; i<arr.length; i++){
str+=arr[i]+"、";
}
return str;
}
alert(fun());
</script>
javaScript中所有的数组是通过Array完成操作的。以上操作中为数组的动态初始化,静态初始化如下:
<script type="text/javascript">
function fun(){
var arr = new Array("You","And","Me");
var str = "数组内容:";
for(i = 0; i<arr.length; i++){
str += arr[i] + "、";
}
return str;
}
alert(fun());
</script>
函数中有参数列表的情况如下:
<script type="text/javascript">
function add(a,b,c){
return a+b+c;
}
alert(add(1,2,3));
</script>
5.数组:
首先要搞清一个问题什么是数组:
是javaScript唯一的容器
可以储存一堆变量
内存中连续储存多个数据的储存空间,统一名字
定义一个数组:
var arr=[];
var arr1=new Array();
创建数组并同时初始化数组内容:
var arr=[1,2,3,4,5];
特征:
1 不限制元素的存储数据类型
2 不限制下标的越界
<script type="text/javascript">
//js数组,这是Javascript中唯一的容器
/*特点:
1,什么类型的数据都可以存储;
2,该数组容器的长度是可变的;
*/
var aa=["abc",12,true];//Javascript直接可以这样操作
aa[5]="aaaaa";//因为长度可变,所以可以指定数组任意位置上的值
for(var i=0;i<aa.length;i++){
alert(aa[i]);
}
//等页面加载完,再加载这个window.onload方法
window.οnlοad=function(){
alert("等页面加载完,再加载这个");
}
//建议:存储数据时,按照同一数据类型存储,取出操作时,相对不容易出错
//数组排序
var num=[1,4,2,56,5];
alert(num);//直接弹出,弹出的内容为数组各个元素
function mysort(num){
for(var i=0;i<num.length;i++){
for(var j=i+1;j<num.length;j++){
if(num[i]>num[j]){
soap(num,i,j);//引用交换函数
}
}
}
}
//定义交换函数
function soap(num,i,j){
var temp=num[i];
num[i]=num[j];
num[j]=temp;
}
mysort(num);//调用排序方法
alert(num);
</script>
6.关联数组
数组的删除,插入,替换
删除 arr.splice(starti,n)删除arr中starti开始的n个元素
1.删除:
var arr = [1,2,3,4,5];
var arr2 = arr.splice(3,5);
表示删除该数组的从3开始的5个元素
2.插入:
删除开头的2个元素,在拼接
var arr = [1,2,3,4,5];
var deletes = imgs.splice(0,2);
arr = arr.concat(deletes);
console.log(Number(imgs));
3.替换:
替换 arr.splice(starti,n,value1,value2....) 先删除arr中starti位置开始的n个元素
再在strati位置插入 value1,value2...
删除的元素个数和插入的新元素不必一致
arr3.splice(0,3,0,0,0,0,0);
console.log(String(arr3));
原文:https://www.cnblogs.com/luchengx/p/11255467.html