-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathJavascript入门.html
20 lines (19 loc) · 8.45 KB
/
Javascript入门.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head>
<title>Javascript入门</title>
<basefont face="微软雅黑" size="2" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="exporter-version" content="Evernote Windows/304720 (zh-CN, DDL); Windows/10.0.14393 (Win64);"/>
<style>
body, td {
font-family: 微软雅黑;
font-size: 10pt;
}
</style>
</head>
<body>
<a name="2257"/>
<h1>Javascript入门</h1>
<div>
<span><div> html: 负责了一个页面的结构.</div><div><br/></div><div> css: 负责了一个页面的样式。</div><div><br/></div><div> javascript： 负责与用户进行交互。</div><div><br/></div><div>javascript的历史：</div><div><br/></div><div> 微软 盖茨认为未来是"视窗"的世界。</div><div><br/></div><div> 网景： 1995年退出了一款浏览器（导航者）和liveScript(校验功能)， 非常受欢迎。</div><div><br/></div><div> 和sun公司合作，借用了java的名字，把liveScirpt改名成javascript。 70%市场份额。</div><div><br/></div><div> 盖茨知错了,盖茨找网景的老大判断， 不同意 （领航者)。</div><div><br/></div><div> 盖茨一年投资20亿美元去开发JScript. 微软 :捆绑销售+免费。 45美元</div><div><br/></div><div><br/></div><div> 1998年被美国在线的公司收购， 03年的时候网景宣布破产。</div><div><br/></div><div> 同意赔钱7亿美元 拿出2千万美金成立了一个基金会（Mozilla ）谋智+ 把浏览器的源代码全部开工。</div><div><br/></div><div><br/></div><div>1997年欧洲的计算机协议（ECMA）组织出来给javascript规定协议。</div><div> 1. ECMAScirpt(规范了基本的语法而已)</div><div> 2. BOM （浏览器对象模型）</div><div> 3. DOM (文档对象模型)</div><div><br/></div><div>javascript的特点：</div><div> 1. 跨平台</div><div> 2. 安全性。 （javascript的代码不能直接访问硬盘的内容）</div><div><br/></div><div>javascript与java之间区别 ：</div><div> 1. javascript是属于网景公司产品， java是sun公司的产品。</div><div> 2. javascript是基于对象的语言，java是面向对象的语言。</div><div> 3. javascript是解释型语言，java是解释、编译型语言。</div><div> 4. javascript是弱类型语言， java 是强类型语言。</div><div><br/></div><div> java中声明变量 的时候必须要明确该变量的数据类型。</div><div> javascript声明变量不需要明确是何种数据类型， 任何的变量都是使用一个关键字var去声明即可。</div><div><br/></div><div><a href="Javascript入门_files/1java历史.html"><img src="Javascript入门_files/4ccba4e0932349440af47b2d9a7662a4.png" alt="1java历史.html"></a></div><div><br/></div><div> 方式1：可以使用<script>标签体内进行编写。</div><div><br/></div><div> 格式：</div><div> <script type="text/javascript"></div><div> js代码;;</div><div> </script></div><div><br/></div><div> 方式2：</div><div> 引入外部的javascript文件。</div><div><br/></div><div> 格式：</div><div> <script src="1.js" type="text/javascript"></script></div><div><br/></div><div> 注意：</div><div> 1.<script>是有开始标签与结束标签的，千万不要在一个标签中结束了。</div><div> 2.如果<script>已经用于引入了js文件，那么该<script>标签体就不能再写js代码了，</div><div><br/></div><div><br/></div><div>javascript<b>常用的函数</b>：</div><div><br/></div><div> alert("显示的内容..") ; 弹出框</div><div><br/></div><div> document.write("数据") ; //向页面输出数据...</div><div><br/></div><div><br/></div><div>页面的<i>注释</i>：</div><div><br/></div><div> html <!-- 注释的内容</div><div><br/></div><div> css的注释 /* 注释的内容*/</div><div><br/></div><div> javascript： //注释的内容 单行注释 /* 注释的内容*/ 多行注释</div><div><br/></div><div>javascript的<b>变量声明</b>：</div><div><br/></div><div> 格式：<a href="Javascript入门_files/2.声明变量.html"><img src="Javascript入门_files/78eca5913a32c8300d3220675c3a5ad6.png" alt="2.声明变量.html"></a></div><div><br/></div><div> var 变量名 = 数据;</div><div><br/></div><div><br/></div><div> 声明变量要注意的事项：</div><div> 1. 在javascript中声明变量是 使用var关键字声明的，javascript中的变量可以存储任意的数据类型数据.</div><div> 2. javascript中变量数据类型是根据存储的值决定的，可以随时更改存储数据的类型。</div><div> 3. 定义了多个同名的变量是，后定义的同名变量是覆盖前面定义的同名变量。</div><div> 4. 声明变量的时候可以省略var关键字，但是不建议省略。</div><div><br/></div><div><br/></div><div>javascript的数据类型：</div><div><br/></div><div> typeof 查看变量的数据类型。</div><div><br/></div><div> 使用格式：</div><div><br/></div><div> typeof 变量名</div><div><br/></div><div>javascript的数据类型：</div><div><br/></div><div> number 小数与整数</div><div><br/></div><div> string 字符串 注意： javascript中没有字符的概念，只有字符串，字符串可以写在单引号或双引号中。</div><div><br/></div><div> boolean 布尔数据类型，</div><div><br/></div><div> undefined undefined代表该变量没有定义。</div><div><b>字符串转数字</b></div><div><br/></div><div><a href="Javascript入门_files/3.字符串转换成数字.html"><img src="Javascript入门_files/b114944a56d094895b4f60a636839a10.png" alt="3.字符串转换成数字.html"></a></div><div><br/></div><div> parseInt() 可以把一个字符串转换成整数。</div><div> parseFloat() 可以把一个字符串转换成小数</div><div>运算符</div><div><br/></div><div><a href="Javascript入门_files/4.运算符.html"><img src="Javascript入门_files/d107edd1162e258ebf33772bcb9684e3.png" alt="4.运算符.html"></a></div><div><br/></div><div>控制流程语句</div><div><br/></div><div> if语句</div><div><br/></div><div> 格式：</div><div> if(判断条件){</div><div> 符合条件执行的代码</div><div> }</div><div><br/></div><div> if语句的特殊之处：</div><div> 1. 在javascript中的if语句条件不单止可以写布尔表达式，还可以写任何的数据。</div><div><br/></div><div> number 非0为true, 0为false.</div><div> string 内容不能空是true， 内容空的时候是false。</div><div> undefined：false</div><div> NaN: false</div><div><br/></div><div><br/></div><div><br/></div><div> var workAge = 0;</div><div> var str ="";</div><div> var b;</div><div> if(b){</div><div> document.write("明天过来面试！！");</div><div> }else{</div><div> document.write("不要在投我们公司了，不要你！");</div><div> }</div><div><br/></div><div><br/></div><div>选择语句：</div><div> switch语句</div><div><br/></div><div> switch(变量){</div><div> case 值1:&nbsp;</div><div><br/></div><div> break;</div><div> case 值2：</div><div><br/></div><div> break;</div><div> case 值3:</div><div><br/></div><div> break;</div><div><br/></div><div> .....</div><div><br/></div><div> default：</div><div><br/></div><div> break;</div><div><br/></div><div> }</div><div><br/></div><div> 特殊之处：</div><div> 1. <i><b>在javascript中case后面可以跟常量与变量还可以跟表达式。</b></i></div><div><i>demo</i></div><div><br/></div><div><a href="Javascript入门_files/5.控制流程语句.html"><img src="Javascript入门_files/7d9908eb80607c0f7c9214809db05aa7.png" alt="5.控制流程语句.html"></a></div><div><br/></div></span>
</div></body></html>