JavaSe基础XX25——Javascript_1

来源：互联网发布：天涯明月刀ol卡顿优化编辑：程序博客网时间：2024/06/08 03:26

*01-Javascript(概述和Java的区别)

jsp 服务端

javascript 客户端

Java强类型：对每一种数据都定义了类型，每一种类型都有大小限制说明。

js弱类型：可以放任意东西。

*02-Javascript(Js和html相结合的方式一二)

方式1：

方式2：

封装到js文件里面，在html中，src属性里面指定它。

注意r：

*03-Javascript(语法的通用体现)

注释：多行和单行注释

通用的语法有：

1.关键字：语言中被赋予特殊含义的词

2.标识符：用于表示数据和表达式的符号，自定义名称，变量名、函数名。

3.注释

4.变量：用于表示内存中一片空间，用于存储数据的，可以变化的。什么时候使用变量呢？但使用的值不确定的时候。

5.运算符：可以让数据进行运算的符号

6.语句：用于对程序运行流程进行控制的表达方式。

7.函数：用于对功能代码进行封装，以便提高代码的复用性。

8.数组：对多数据进行存储，就是容器。

9.只要是基于对象的语言，面向对象的语言，就存在对象的感念，对象就是一个封装体，既可以封装数据，也可以封装函数。

*04-Javascript(JS语法-变量)

var x = 3;

var x = 4

x = 3

都可以通过。

*05-Javascript(JS语法-算术运算符)

1.算术运算符

2.赋值运算符

3.比较运算符

4.逻辑运算符

5.位运算符

6.三元运算符

*06-Javascript(JS语法-其他运算符)

js中& 是位运算符的。

*07-Javascript(JS语法-小细节)

------------小结-------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK"><title>Javascript语法</title></head><body><!--js和html相结合的方式：1，将javascript代码封装到<script>标签中。2，将javascript代码封装到js文件中，并通过<script>中的src属性进行导入。注意：如果<script>标签中使用src属性，那么该标签中封装的javascript代码不会被执行。 所以通常导入js文件都是用单独<script>来完成。--><!--导入一个js文件--><!--script type="text/javascript" src="demo.js"></script--><!--封装javascript代码。--><script type="text/javascript">//alert("hello javascript");</script><!--演示javascript语法通用内容--><script type="text/javascript">/* * 通常高级程序设计语言所包含的语法内容： * 1，关键字:该种语言中被赋予了特殊含义的单词。 * 2，标示符:用于标示数据和表达式的符号。通常可以理解为在程序中自定义的名称。比如变量名，函数名。 * 3，注释:注解说明解释程序。用于调试程序。 * 4，变量:用于标示内存中一片空间。用于存储数据，该空间的中的数据是可以变化的。  * 什么时候使用变量，当数据不确定的时候。 * 5，运算符：可以让数据进行运算的符号。 * 6，语句:用于对程序的运行流程进行控制的表达式。 * 7，函数:用于对功能代码进行封装，便于提高复用性。 * 8，数组:对多数据进行存储，便于操作。就是传说中容器。 * 9，对象:只要是基于对象的语言，或者是面向对象的语言，就存在着对象的概念， * 对象就是一个封装体。既可以封装数据有可以封装函数。  *  * 这些都是高级程序设计语言具备的共性内容，只不过各种语言对这些内容的表现形式有所不同。 * 但是使用基本思想是一致。  */</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，位运算符。 * &  |  ^  >> << >>> * 6，三元运算符。 * ? : *///1，算术运算符演示。var a = 3710;//alert("a="+a/1000*1000);//a=3710;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);//2var n = 3,m;m = ++n;//alert("n="+n+",m="+m);//=================================================// 2，赋值运算符var i = 3;//i = i+2;i+=2;//alert("i="+i);//=================================================// 3，比较运算符。var z = 3;//alert(z!=4);//=================================================// 4，逻辑运算符。var t = 4;//alert(t>7 && t<6);//alert(!true);//=================================================// 5，位运算符。var c  = 6;//alert(c&3);//2//alert(5^3^3);//5//alert(c>>>1);//6/2(1);//alert(c<<2);//24//=================================================//6，三元运算符。//3>0?alert("yes"):alert("no");//alert(3>10?100:200);</script><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></body></html>

*08-Javascript(JS语句-if语句)

顺序、判断、选择、循环、其他结构。

*09-Javascript(JS语句-switch语句)

*10-Javascript(JS语句-循环语句)

*11-Javascript(JS语句-其他语句)

-----小结---

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK"><title>Untitled Document</title></head><body><script type="text/javascript">/* * 语句： * 1，顺序结构。 *  * 2，判断结构。 * 代表语句： if. * 3，选择结构。 * switch * 4，循环结构。 * while  do while  for * 5，其他语句。 * break：跳出选择，跳出循环。 * continue:用于循环语句，结束本次循环继续下次循环。  *///alert("abc1");//alert("abc2");//------------------------------------------------/*var x = 3;//if(x=4){//注意。if(4==x){//建议将常量放左边。以报错来修正代码。alert("yes");}else{alert("no");}if(x>1)alert("a");else if(x>2)alert("b");else if(x>3)alert("c");elsealert("d");*///------------------------------------------------/*//选择结构。var x = "abc";switch(x){default:alert("c");break;//省略。case "kk":alert("a");break;case "abc":alert("b");break;}*///循环结构。/*var x = 1;document.write("<font color='blue' >");while(x<10){//alert("x="+x);//将数据直接写到当前页面当中。document.write("x="+x+"<br/>");x++;}document.write("</font>");for(var x=0; x<3; x++){document.write("x="+x);}*//*w:for(var x=0; x<3; x++){for(var y=0; y<4; y++){document.write("x==="+x);continue w;//跳出当前循环。}}*/</script></body></html>

*12-Javascript(JS语句-练习-九九乘法表)

  空格

制表符

*13-Javascript(JS数组)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK"><title>Untitled Document</title></head><body><script type="text/javascript">/* * javascript中的数组演示。 *  * 数组用于存储更多的数据，是一个容器。  * 特点： * 1，长度的是可变的。 * 2，元素的类型是任意的。 * 建议在使用数组时，存储同一类型的元素。操作起来较多方便。  *  *  * js中的数组定义的两种方式： * 1，var arr = []; var arr = [3,1,5,8]; * 2，使用了javascript中的Array对象来完成的定义。  * var arr = new Array();//var arr = []; * var arr1 = new Array(5);//数组定义并长度是5. * var arr2 = new Array(5,6,7);//定义一个数组，元素是5,6,7; *  *  */var arr = [23,78,100];//alert(typeof(arr));//对象类型Object//alert("len:"+arr.length);arr[4] = 348;arr[1] = "abc";arr[2] = true;//遍历数组。 for(var x=0; x<arr.length; x++){document.write("arr["+x+"]="+arr[x]+"<br/>");}</script></body></html>

0 0