JavaScript---网络编程(1)-介绍、变量、运算符与语句
JavaScript也是一种编程语言。并不是Java的分支哦。
可以直接在浏览器中运行的编程语言。
JavaScript 的历史故事：
1、JavaScript语言与名称的由来（Netscape，Sun Java）
最开始是叫LiveScript的~有一个小故事，有兴趣的朋友可以去百度一下。
2、微软的Explorer和JScript
JavaScript 概述
JavaScript是基于对象和事件驱动的脚本语言，主要应用在客户端。
特点：
1.交互性（它可以做的就是信息的动态交互）
2.安全性（不允许直接访问本地硬盘）
3.跨平台性（只要是可以解释Js的浏览器都可以执行，和平台无关）
JavaScript与Java不同
1.JS是Netscape公司的产品，前身是LiveScript;Java是Sun公司的产品，现在是Oracle公司的产品。
2.JS是基于对象的(对象都做好了的)，Java是面向对象的(自己写对象的)。
3.JS只需解释就可以执行，Java需要先编译成字节码文件，再执行。
4.JS是弱类型，Java是强类型。
JavaScript与Html的结合方式：
想要将其他代码融入到Html中，都是以标签的形式。
1.JS代码存放在标签对<script> js code．．．</script>中。
2.当有多个html页面使用到相同的JS脚本时，可以将js代码封装到一个文件中，只要在script标签的src属性引入一个js文件。
（方便后期维护，扩展）
注意：如果在script标签中定义了src属性，那么标签中的内容不会被执行。
例：<script src=”test.js” type=”text/javascript”></script>
注：规范中script标签早期有一个属性language
（因为早期认为可能有多种脚本语言，然而到现在，还是JS一家独大~所以。）,而现在使用type属性。演示：
<html>
<head>
<title>javascript语言演示</title>
</head>
<body>
<script type="text/javascript">
alert("hello world!")
</script>
</body>
</html>
写法一：
<script type="text/javascript">
alert("hello world!")
</script>
这一句放哪里都可以的。别放html标签外就可以了。
写法二：
<script type="text/javascript" src="a.js">
</script>
不可以嵌套用！但是可以有很多个script 标签(但是注意顺序啊)
<!-- 注意，这种写法不行--包含在标签内的js代码无效 -->
<script type="text/javascript" src="a.js">
alert("hello world!222");//无效代码，被上面的导入方式覆盖了。
</script>JavaScript语法
每一种语言都有自己的语法规则，JS语法与Java很像，所以学习起来比较容易。JS中也一样有变量，语句，函数，数组等常见语言组成元素。
1.变量
通过关键字var来定义，弱类型既是不用指定具体的数据类型。
例：var x = 3; x = “hello”;
注：JS中特殊的常量值：undefined，当变量没有初始化就被使用，该变量的值就是undefined（未定义）。
注意：Javascript的语句在结尾处是可以不用分号结束的，非严谨语言的特点。
但为了符合编程规范，需要象java一样定义结束符。
而且有些情况是必须写分号的，如：var x = 3 ; var y =5 如果两条语句写在同一行，就需要分号隔开。
代码演示：
<html>
<head>
<title>javascript语法 演示</title>
</head>
<script type="text/javascript">
//1标识符,关键字,分隔符---几乎和Java一样
//2注释：只支持 //单行注释 和 /* 多行注释 */
//3变量（弱类型）, var（全部用这个定义,只有这个变量）
//所有的变量都是用var来声明---本质上就是java当中的Object类型
var x = 3;
var y = "abc";
alert(x+","+y);//弹出: 3,acb
x="xyz";
alert(x); //弹出：xyz
x=true;
alert(x); //弹出：true
x=true+1;//和c一样，布尔类型有0和非0(1)的概念
alert(x); //弹出：2
a=3.14;
alert(a);// 因为浏览器有兼容性，所以一个变量不声明类型也可以直接对其赋值，但不要去读
//因为是弱类型，写不写都是var
//弹出：3.14
//aa没有声明也没有赋值却直接读取了。
//alert(aa);//出错的。没有什么弹窗。也没有提示！
alert( typeof(a) ); //弹出：number
// typeof(a) 返回a的类型
a=3;
alert( typeof(a) ); //弹出：number
a=3.156441564165564616541564156;
alert(a);//弹出：3.1564415641655645
alert( typeof(a) );//弹出：number
a=3156441564165564616541564156;
alert(a);//弹出：3156441564165565e+27
alert( typeof(a) );//弹出：number
a='a';
//JS当中，单引号和双引号是一样的，对应的变量都是字符串
//也就是说JS中没有字符类型---包含在字符串当中了。字符串只有一个字符时~
//不用分号
var m=1
var n=2
alert(m+n);//弹出：3
//由于浏览器有兼容性，一条语句的末尾不加分号也可以正常执行。
//但这样写不规范，建议还是加上。
//var mm=1 var nn=2;
//alert(mm+nn);//直接挂了。
//另外，同一行的多条语句之间的分号不能省，否则不能正常执行。
</script>
<script type="text/javascript">
//4 基本数据类型
alert( typeof("aaaa") );//弹出：string
//注意string是小写的
alert(typeof('0') );//弹出：string
alert( typeof(false) );//弹出：boolean
alert( typeof(100) );//弹出：number
alert( typeof(1.23) );//弹出number
//判断是哪种类型
alert( typeof('0')=="string" );//弹出：true
alert( typeof('0')=="String" );//（大小写敏感）弹出：false
//其他类型判断类似
alert( typeof(x) );//一样可以。前面片段中，在这里仍然是有效的(所以说。注意顺序)
alert( typeof(X) );//大小写敏感的！（没定义）弹出：undefined
//使用单引号和双引号效果是一样的
alert( typeof(x)=='number');//弹出：true
</script>
<body>
</body>
</html>
2.运算符
Javascript中的运算符和Java大致相同。
只是运算过程中需要注意几点：
1，var x = 3120/1000*1000; x = 3120;而不是3000。
2，var x = 2.4+3.6 ; x = 6;而不是6.0
3，var x = “12” + 1; x = “121”; x = “12” – 1 ; x = 11;
加号对于字符串是连接符
4，&& || 是逻辑运算符 & | 是位运算符。
5，也支持三元运算符
6，特殊运算符 typeof : 返回一个操作表达式的数据类型的字符串。
var x = 3;
var y = “123”;
var z = false;
typeof(x); //number
typeof(y); //string
typeof(z); //boolean
代码演示：
<script type="text/javascript">
//5 运算符：算术、赋值、比较、位运算、三元运算
//5.1算术运算
var a = 3710;
alert("a="+a/1000);//a=3.71
alert("a="+a/1000*1000);//a=3710
var b = 2.3;
var c = 5.7;
alert( b+c );// 8
alert( 23+11 ); //34
alert("23"+11);//2311---string---加号为字符串连接
alert("23"-11);//12
//字符串遇到减号自动会转换成数值型进行运算
alert(false+1);//1 false是0
//true 和数值进行运算时，true为1，false为0
alert(100%3);//1
alert(100%-3);//1
alert(-100%3);//-1 如果有负数，结果和前面那个数同符号-和Java一样的
//5.2 赋值运算：= += -= *= /= %=
var n=3,m;
m=n++;//用法同Java
alert("n="+n+",m="+m);//n=4,m=3
var n=3,m;//JS中变量可以声明几次--和Java不同
m=++n;
alert("n="+n+",m="+m);//n=4,m=4
var n;
alert(n);//4---这里没有对该变量重新赋值，所以用的还是前面n的值(内存还是同一片)
var i=3;
i+=3;//其他的类似 -= *= /= %=
alert("i="+i);//i=6
//5.3 比较运算符---和Java类似
var j=10;
alert(j>5);//true
//其他如：>= <= > < == != 类似
//5.4 逻辑运算符 && || !
var k=4;
alert(k>3 && k<10);//true
alert( !(k>3) ); //false
alert( !k );//false---和C一样
//5.5 位运算符 & | ^ >> << >>>(无符号右移)---和Java一样
var c = 6;//6：110
alert( c&3 );//3：011
//结果是：010 弹出：2
alert( c^100^100 );//结果还是c -- 6
alert(c>>>1);//3
//5.6 三元运算符（问号表达式）
alert( 3>0?100:300 );//100
var xxyy;
alert(xxyy);//undefined---如果一个变量声明后没有赋值，就是这个
alert(xxyy==undefined);//这里不要写成字符串的形式，true
alert(xxyy=="undefined");//false
//这个undefined代表和true和false等一样的，是一个值，所以不要用引号
</script>3.语句(与Java语句格式相同)
1.判断结构(if语句)
注：var x = 3;
if(x==4)//可以进行比较运算。
if(x=4)//可以进行赋值运算，而且可以同样进行判断。不报错。
因为在Js中0或者null就是false，
非0或者非null就是true（通常用1表示）。
所以if(x=4)结果是true；
可以通过if(4==y)来解决该问题。因为4=y不会进行判断，而是会报错。
2.选择结构(switch语句)
与java不同的是：因为弱类型，也可以对字符串进行选择。
代码演示：
<html>
<head>
<title>javascript语法演示</title>
</head>
<script type="text/javascript">
//1 if语句
var x=3;
if(x>0){
alert("yes");//结果yes
}else{
alert("no");
}
if(x-4){//和C一样非0的概念，不是0的都是true
alert("yes2");//结果yes2
}else{
alert("no2");
}
if(x=4){//一个等于号是赋值，结果是4---非零，即是true
alert("yes3");//yes3
}else{
alert("no3");
}
if(x=0){
alert("yes3");
}else{
alert("no3");//no3
}
//赋值是什么，该值同时也作为整个表达式的值
//建议，如果是判断相等，写成如下方式
if(4==x){//把数字放在前面，可以避免一个等于号的bug
}
//逗号表达式--以最后一个逗号后的结果为真正的值
var b =(3,4+5);
alert(b);//9
var c = 5;
if(c>1){
alert("a");//a
}else if(c>2){
alert("b");
}else if(c>3){
alert("c");
}else{
alert("d");
}
</script>
<script type="text/javascript">
//Java---switch表达式支持的类型：byte,int等整数，char
//Java1.7之后 支持字符串String
//JavaScript语言：支持所有类型，即所有类型的数据都可以用于选择
var x = "abc";
switch(x){
case "aa":
alert("a");break;
case "abc":
alert("b");
default:
alert("c");
}
//弹出：b c
switch(x){
default:
alert("c");
case "aa":
alert("a");break;
case "abc":
alert("b");
}
//弹出：b
x="x";
switch(x){//如果没有匹配上
default:
alert("c");//这里运行完，还会运行后面的
case "aa":
alert("a");break;
case "abc":
alert("b");
}
//弹出：c a
</script>
<body>
</body>
</html>
3.循环结构(while语句，do…while语句，for语句)。
注：不同的是，没有了具体数据类型的限制，使用时要注意。
代码演示：
<html>
<head>
<title>javascript语法演示</title>
<link rel="stylesheet" href="table.css"/>
</head>
<body>
<h3>
湖南城市学院
</h3>
<script type="text/javascript">
//循环：for while do-while
var sum=0;
for(var i=1;i<=100;i++){
sum+=i;
}
document.write("sum="+sum);//直接显示在网页相对应位置！！！
//sum=5050
var x=1;
sum=0;
while(x<=100){
sum+=x;
x++;
}
document.write("<br/><font color=\"#ff0000\" > sum2="+sum+"</font><br/>");
//写入了换行和font color=\"#ff0000\" color='#ff0000' --单引号也可以的
</script>
<br/>
<a href="http://baidu.com"> 百度一下 </a>
<br/>
<hr>
<script type="text/javascript">
//转移语句：break,continue,return
for(var x=0;x<3;x++){
for(var y=0;y<4;y++){
document.write("x="+x+" ");
break;
}
document.write("<br/>");
}
document.write("<hr/>");
a:for(var x=0;x<3;x++){
for(var y=0;y<4;y++){
document.write("x="+x+" ");
break a;
}
document.write("<br/>");
}
</script>
<hr/>
<h2>九九乘法表</h2>
<script type="text/javascript">
for(var x=1;x<10;x++){
for(var y=1;y<=x;y++){
document.write(x+"*"+y+"="+x*y+" ");
}
document.write("<br/>");
}
</script>
<h2>九九乘法表2</h2>
<script type="text/javascript">
document.write("<table>");
for(var x=1;x<10;x++){
document.write("<tr>");
for(var y=1;y<=x;y++){
document.write("<td>"+x+"*"+y+"="+x*y+"</td>");
}
document.write("</tr>");
}
document.write("</table>");
</script>
</body>
</html>
table.css
table{
width: 600px;
}
table td{
border: #f00 solid 1px;
}
JavaScript---网络编程(1)-介绍、变量、运算符与语句的更多相关文章
- 1.Android网络编程-HTML介绍
1.HTML介绍 超文本标记语言(HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言. 在Eclipse下则可以使用自带的浏览器浏览html: 2.H ...
- python select网络编程详细介绍
刚看了反应堆模式的原理,特意复习了socket编程,本文主要介绍python的基本socket使用和select使用,主要用于了解socket通信过程 一.socket模块 socket - Low- ...
- Socket网络编程基本介绍
一,socket的起源 socket一词的起源 在组网领域的首次使用是在1970年2月12日发布的文献IETF RFC33中发现的, 撰写者为Stephen Carr.Steve Crocker和Vi ...
- 网络编程-Socket介绍
Socket介绍 什么是socket?(5分钟) Socket是应用层与TCP/IP协议族通信的中间软件抽象层,它是一组接口.在设计模式中,Socket其实就是一个门面模式,它把复杂的TCP/IP协议 ...
- 网络编程----socket介绍、基于tcp协议的套接字实现、基于udp协议的套接字实现
一.客户端/服务器架构(C/S架构) 即C/S架构,包括: 1.硬件C/S架构(打印机) 2.软件C/S架 ...
- 网络编程——select介绍
一.select函数简介 select一般用在socket网络编程中,在网络编程的过程中,经常会遇到许多阻塞的函数,网络编程时使用的recv, recvfrom.connect函数都是阻塞的函数,当函 ...
- 网络编程OSI介绍
网络编程 软件开发架构 c/s架构(client/server) c:客户端 s:服务端 客户端和服务器端架构,这种架构是从用户层划分的,一般客户端就是在用户电脑上安装的应用程序,而服务端就是公司里的 ...
- Python socket网络编程(通信介绍)
socket通信介绍 通信介绍(一) 1.所有网络协议的基础就是:socket 2.socket对TCP与UDP协议封装,让用户进行简单操作. 3.socket只做两件事:发 send,收 rec ...
- Linux入门培训教程 linux网络编程socket介绍
一.概念介绍 网络程序分为服务端程序和客户端程序.服务端即提供服务的一方,客户端为请求服务的一方.但实际情况是有些程序的客户端.服务器端角色不是这么明显,即互为Linux培训 客户端和服务端. 我们编 ...
- 网络编程--ASI--(ASIHTTPRequest)介绍
ASIHTTPRequest 虽然是明日黄花,但是还是稍微归纳一下,理清思路,知道这个曾经的她都能干嘛. 1. ASI基于底层的 CFNetworking 框架,运行效率很高. 2. 黄金搭档:ASI ...
随机推荐
- Windows下Eclipse+PyDev配置Python开发环境
1.简介 Eclipse是一款基于Java的可扩展开发平台.其官方下载中包括J2EE.Java.C/C++.Android等诸多版本.除此之外,Eclipse还可以通过安装插件的方式进行包括Pytho ...
- ASP.NET缓存 Cache
缓存介绍 如果每次进入页面的时候都查询数据库生成页面内容的话,如果访问量非常大,则网站性能会非常差,而如果只有第一次访问的时候才查询数据库生成页面内容,以后都直接输出内容,则能提高系统性能,这样无论多 ...
- (转)myrepo
源作者主页:https://copr.fedoraproject.org/coprs/mosquito/myrepo/ 源作者github: https://github.com/1dot75cm/m ...
- Homebrew安装php5及composer for mac教程
安装brew 可以查看教程:mac os x 10.9.1 安装 Homebrew软件包管理工具及brew安装maven3.1.1 首先更新下brew软件库 brew update brew tap ...
- C++ 11 笔记 （四） ： std::bind
std::bind 接受一个可调用的对象,一般就是函数呗.. 还是先上代码: void func(int x, int y, int z) { std::cout << "hel ...
- Java笔记1 ： 在生产者消费者模式中，线程通信与共享数据，死锁问题与解决办法
本例定义了4个类,这里说一下,方便下面讲解.分别是Product(产品),Producer(生产者),Consumer(消费者), Test(测试类). 多线程之间通信与共享数据只要引用同一内存区域就 ...
- HDU 4493 Tutor 水题的收获。。
题目: http://acm.hdu.edu.cn/showproblem.php?pid=4493 题意我都不好意思说,就是求12个数的平均数... 但是之所以发博客,显然有值得发的... 这个题最 ...
- IEnumerable,ICollection,IList,List区别
做C#的同学们,都知道,一类只能有一个继承类,但可以实现多个接口.这句话就告诉我们:IEnumerable,ICollection,IList,List区别了 首先我看看 IEnumerable: / ...
- RSA算法原理及实现
参考资料: 阮哥的日志:http://www.ruanyifeng.com/blog/2013/06/rsa_algorithm_part_one.html http://www.ruanyifeng ...
- KVO - 键值观察
[基本概念] 键值观察是一种使对象获取其他对象的特定属性变化的通知机制.控制器层的绑定技术就是严重依赖键值观察获得模型层和控制器层的变化通知的.对于不依赖控制器层类的应用程序,键值观察提供了一种简化的 ...