开发者社区> 技术小哥哥> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

关于JavaScript总结

简介:
+关注继续查看

jsp服务端,js客户端.

javascript 是基于对象和事件驱动的脚本语言.

特点:

  1. 交互性
  2. 安全性(不允许直接访问本地硬盘)
  3. 跨平台性(只要是可以解析java的浏览器都可以执行,和平台无关)

 

各大浏览器都有解析该语言的解析引擎。

 

js是基于对象的,java是面向对象。

js只需解释就可以执行。java需要编译成字节码文件再执行。

 

js是弱类型,java是强类型。

 

 

jscript是微软的和javascript很相似。javascript没有帮助文档。

微软的帮助文档是很强的。

 

 

javascript 和html语言的结合。

Jquery是JavaScript封装的一个类库。

 

 

html中可以有多个表单form,这些表单用标签<forms></forms>括起来,每个表单叫<form></form>,用一个form[]数组存储,form[0]代表第一个表单,form[1]代表第二个表单。

 

window对象常用方法:(window.alert(),window可以省略)

alert(‘信息’) 消息框

prompt(‘提示信息’,默认值)标准输入框

confirm()确认框

open()打开 一个新窗口

close()关闭窗口

 

         /*

                             * 通常高级程序设计语言所包含的语法内容:

                             * 1,关键字:该种语言中被赋予了特殊含义的单词。

                             * 2,标示符:用于标示数据和表达式的符号。通常可以理解为在程序中自定义的名称。比如变量名,函数名。

                             * 3,注释:注解说明解释程序。用于调试程序。

                             * 4,变量:用于标示内存中一片空间。用于存储数据,该空间的中的数据是可以变化的。

                             *什么时候使用变量,当数据不确定的时候。

                             * 5,运算符:可以让数据进行运算的符号。

                             * 6,语句:用于对程序的运行流程进行控制的表达式。

                             * 7,函数:用于对功能代码进行封装,便于提高复用性。

                             * 8,数组:对多数据进行存储,便于操作。就是传说中容器。

                             * 9,对象:只要是基于对象的语言,或者是面向对象的语言,就存在着对象的概念,对象就是一个封装体。既可以封装数据又可以封装函数。

                             * 这些都是高级程序设计语言具备的共性内容,只不过各种语言对这些内容的表现形式有所不同。

                             * 但是使用基本思想是一致。

                             */

 

 

在javascript中单引号和双引号都是表示字符串,单引号和双引号之间可以相互嵌套。

 

var x= 3 var y =4;编译错误

var x= 3

var y =4;分两行写就编译正确。

 

别挑战javascript的极限。人家是弱类型语言,也不要欺负人家。

 

 

<!--

                   js和html相结合的方式:

                   1,将javascript代码封装到<script>标签中。

                   2,将javascript代码封装到js文件中,并通过<script>中的src属性进行导入。

                  

                   注意:如果<script>标签中使用src属性,那么该标签中封装的javascript代码不会被执行。

                   所以通常导入js文件都是用单独<script>来完成。

                   -->

<!--导入一个js文件-->

                   <!--script type="text/javascript" src="demo.js"></script-->

这个<script></script>标签中已经导入了demo.js文件了,(js中提供的是函数库,不是类库,就和java中jar包一样的。)再在<script>中写javascript程序,这些程序是不会被执行的。所以导入js文件都是单独<script>来完成的。

 

                   <!--封装javascript代码。-->

                   <script type="text/javascript">

//                         alert("hello javascript");

                  </script>

 

<!--演示javascript语法通用内容-->

复制代码
 1 <script type="text/javascript">
 2 
 3                             /*
 4 
 5                              * 通常高级程序设计语言所包含的语法内容:
 6 
 7                              * 1,关键字:该种语言中被赋予了特殊含义的单词。
 8 
 9                              * 2,标示符:用于标示数据和表达式的符号。通常可以理解为在程序中自定义的名称。比如变量名,函数名。
10 
11                              * 3,注释:注解说明解释程序。用于调试程序。
12 
13                              * 4,变量:用于标示内存中一片空间。用于存储数据,该空间的中的数据是可以变化的。
14 
15                              *   什么时候使用变量,当数据不确定的时候。
16 
17                              * 5,运算符:可以让数据进行运算的符号。
18 
19                              * 6,语句:用于对程序的运行流程进行控制的表达式。
20 
21                              * 7,函数:用于对功能代码进行封装,便于提高复用性。
22 
23                              * 8,数组:对多数据进行存储,便于操作。就是传说中容器。
24 
25                              * 9,对象:只要是基于对象的语言,或者是面向对象的语言,就存在着对象的概念,
26 
27                              * 对象就是一个封装体。既可以封装数据有可以封装函数。
28 
29                              *
30 
31                              * 这些都是高级程序设计语言具备的共性内容,只不过各种语言对这些内容的表现形式有所不同。
32 
33                              * 但是使用基本思想是一致。
34 
35                              */
36 
37 </script>
复制代码

 

 

复制代码
        <script type="text/javascript">
            /*
             * js中定义变量。使用到关键字。
             * 这个关键字就是var  
             */
            //定义变量。Js是弱类型的。
            var x = 4;//var不写也行,因为js是非严谨的语言,但是我们开发的时候建议都按照严谨的方式来定义。
            x = "abc";//重新赋值为字符串abc。
            x = 3.45;//赋值为小数。其实也是数字类型。
            x = true;//赋值为boolean类型。
            x = 'c';//赋值为字符串c。
            
//            alert("x="+x);//这是一个函数,将具体的参数通过对话框进行显示。
            
        </script>
复制代码

 

 

复制代码
        <script type="text/javascript">
            /*
             * 运算符。
             * 1,算术运算符。
             *         + - * / % ++ --
             * 2,赋值运算符。
             *         =  += -= *=  /= %= 
             * 3,比较运算符:运算的结果要么是false要么是true。
             *         > < >= <= != ==
             *         
             * 4,逻辑运算符。用来连接两个boolean型的表达式。
             *         !  &&  ||
             * 5,位运算符。
             *         &  |  ^  >> << >>>   js中单与和单或是位运算符,不是逻辑运算符
             * 6,三元运算符。
             *         ? :
             */
            
            //1,算术运算符演示。
            var a = 3710;
//            alert("a="+a/1000*1000);//a=3710;    js是弱类型语言,注意这里和java的区别
            
            var a1 = 2.3,b1 = 4.7;
//            alert("a1+b1="+(a1+b1));

//            alert("12"-1);//11
//            alert("12"+1);//121
//            alert(true+1);//2 因为在js中false就是0,或者null,非0,非null。就是true。默认用1表示。
//            alert(2%5);//2
            
            var n = 3,m;
            m = ++n;
//            alert("n="+n+",m="+m);
//        =================================================
            
            // 2,赋值运算符
            var i = 3;
//            i = i+2;
            i+=2;
//            alert("i="+i);
       在js中i = i+2;和i+=2; 就没有任何区别了,在java中由于有类型的原因是有区别的。
//        =================================================
            // 3,比较运算符。
            var z = 3;
//            alert(z!=4);
    
//        =================================================
            // 4,逻辑运算符。
            var t = 4;
            
//            alert(t>7 && t<6);
//            alert(!true);
alert(!t);        //false     js和java中的逻辑运算符是有区别的。js中“&”是位运算。
//        =================================================
            // 5,位运算符。
            var c  = 6;
//            alert(c&3);//2    异或:两边相同则为假,两边不同为真。

//            alert(5^3^3);//5  一个数异或同一个数两次,结果还是这个数。

//            alert(c>>>1);//6/2(1);  6除以2的一次方
//            alert(c<<2);//24    6乘以2的2次方。
//        =================================================
            //6,三元运算符。    
            
//            3>0?alert("yes"):alert("no");
//            alert(3>10?100:200);
    </script>
复制代码

 

 

if else和三元运算符的区别,if else可以没有结果,三元运算符必须有结果。

复制代码
    <script type="text/javascript">
            /*
             * 一些细节:
             * 1,undefined:未定义。其实它就是一个常量。
             */
            var xx;
//            alert(xx);//undefined
//            alert(xx==undefined);//true
            
            //要想获取具体的值的类型。可以通过typeof来完成。
//            alert(typeof("abc")=='string');//string
//            alert(typeof(2.5)=='number');//number//判断类型。
//            alert(typeof(true));//boolean
//            alert(typeof(78));//number
//            alert(typeof('9'));//string
        </script>
复制代码

 

 

复制代码
 1         <script type="text/javascript">
 2             /*
 3              * 语句:
 4              * 1,顺序结构。
 5              *     
 6              * 2,判断结构。
 7              *         代表语句: if.
 8              * 3,选择结构。
 9              *         switch
10              * 4,循环结构。
11              *         while  do while  for
12              * 5,其他语句。
13              *         break:跳出选择,跳出循环。
14              *         continue:用于循环语句,结束本次循环继续下次循环。 
15              */
16             
17 //            alert("abc1");
18 //            alert("abc2");
19         
20         
21 //            ------------------------------------------------
22             /*
23             var x = 3;
24 //            if(x=4){//注意。
25             if(4==x){//建议将常量放左边。以报错来修正代码。赋值常量只能拿放右边,判断放左边右边都可以。
26                 alert("yes");
27             }else{
28                 alert("no");
29             }
30             
31             
32             
33             if(x>1)
34                 alert("a");
35             else if(x>2)
36                 alert("b");
37             else if(x>3)
38                 alert("c");
39             else
40                 alert("d");
41                 这里只输出a,因为只要满足一个就进入,其他的不再判断。
42             */    
43         
44 //            ------------------------------------------------
45             /*
46             //选择结构。
47             var x = "abc";
48             switch(x){
49                 default:    //default总是最后执行的,尽管default是在最前面。
50                     alert("c");
51                     break;//省略。此处default注意省略会出现的现象。
52                 case "kk":
53                     alert("a");
54                     break;
55                 case "abc":
56                     alert("b");
57                     break;
58             }
59             */
60         当我们对结果是一段空间,或者是boolean类型进行运算的时候,用if,当结果是固定的几个值的时候,既可以用if也可以用switch,但是建议用switch,因为switch都加载进了内存,答案都在内存中,进行选择就可以,效率相对较高,不过这些效率可以忽略不计。
61             
62             
63             //循环结构。
64             /*
65             var x = 1;
66             document.write("<font color='blue' >");
67             while(x<10)
68             {
69 //                alert("x="+x);
70                 //将数据直接写到当前页面当中。
71                 document.write("x="+x+"<br/>");
72                 x++;
73             }
74             document.write("</font>");
75             
76             
77             for(var x=0; x<3; x++){
78                 document.write("x="+x);
79             }
80             */
81             
82             /*
83             w:for(var x=0; x<3; x++){
84                 for(var y=0; y<4; y++){
85                     document.write("x==="+x);
86                     continue w;//跳出当前循环。
87                 }
88             }
89             */
90     </script>
复制代码

 


本文转自SummerChill博客园博客,原文链接:http://www.cnblogs.com/DreamDrive/p/4430377.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
js: 实现一个cached缓存函数计算结果
js: 实现一个cached缓存函数计算结果
22 0
js实现页面滑动到最底部触发内容加载
js实现页面滑动到最底部触发内容加载
18 0
通过JS实现Json序列化操作
分享JS实现的JSON序列化操作
13 0
多种方式实现js中的暂停功能
JavaScript里面没有sleep功能,只能曲线实现:
35 0
实现一个糊弄人的进度条layui+js
众所周知,进度条是一种烦人的东西╭(╯^╰)╮ 它用于实时显示处理任务的速度,完成度,剩余未完成任务量的大小,和可能需要处理时间。下面来一起写一个进度条叭
15 0
js实现黑客代码雨效果
js实现黑客代码雨效果
34 0
js实现回看近七天日期
js实现回看近七天日期
57 0
用js来实现那些数据结构09(集合01-集合的实现)
  说到集合,第一个想到的就是中学学到的那个数学概念:集合。在我们开始集合相关的js实现前,我们有必要来了解一下什么是集合以及集合的数学概念。   好吧,我们一起来复习一下早就被我们遗忘的集合。   集合是由一组无序且唯一的项组成的。
947 0
2010
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载