JavaScript随笔

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>&nbsp;</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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值