js笔记.docx

js笔记.docx

《js笔记.docx》由会员分享，可在线阅读，更多相关《js笔记.docx（26页珍藏版）》请在冰点文库上搜索。

js笔记

JavaScript笔记

JS的应用：

在HTML里面。

为什么要使用JS？

HTML本身没有写程序逻辑的功能。

它只能显示，没有功能。

JS正是这个缺陷的补充。

JS详解：

脚本语言，必须依附在其他东西身上才能执行。

它嵌入在HTML中，可以针对网页的内容，以程序代码的方式执行。

JS的主要应用：

表单验证，网页特效。

初步认识JS：

一般在网页的里，添加

以实现JS和HTML代码的区分。

JavaScript是在浏览器中执行的脚本语言。

目前绝大多数的浏览器中都嵌入了某个版本的JavaScript解释器。

浏览器因为有了JavaScript而更精彩。

JavaScript这种脚本语言功能强大，对我们而言，学习其的主要目的：

1．表单验证

2．网页特效

JavaScript的执行原理：

用户在浏览器的地址栏输入请求的网址，返回对应网址的html代码，然后通过浏览器的解析，将html语言描述的网页还原到浏览器里供用户浏览。

如果在对应的html语言里有JavaScript代码，则具有JavaScript解析功能的浏览器也会一并解释并根据代码的结构执行。

JavaScript语言结构：

●大小写敏感

●尽量使用分号划分语句

●注释方式同Java里面的单行和多行注释方式

●有部分保留字

●变量命名：

同Java（字母数字下划线美元符）

●是一种弱类型的语言：

变量可以存储任何类型的值。

即数据类型和变量是不绑定的。

变量的类型运行时决定（自适应类型）。

这种方式看似简单，其实给程序的编写提出了更高的要求。

特别提示：

JavaScript和Java的关系？

周润发和周星驰的关系，名字像，其它关系没有。

打印金字塔图案：

运算符：

根据所执行的运算，运算符可分为以下类别：

●算术运算符

+、-、*、/、%、++、--、-（求反）

●比较运算符

==、!

=、>、>=、<、<=

●逻辑运算符

&&、||、！

●赋值运算符

=

逻辑控制语句：

if

switch

for

while

和java一样，很难写错

注释：

//单行注释

/*多行注释*/

JS里的函数：

更加通用

提交的方式：

postget的区别

示例：

简易计算器

优化后的代码：

类型转换：

●parseInt（"字符串"）

将字符串转换为整型数字

如:

parseInt（"86"）将字符串“86”转换为整型值86

●parseFloat（"字符串"）

将字符串转换为浮点型数字

如:

parseFloat（"34.45"）将字符串“34.45”转换为浮点值34.45

示例：

动态改变链接

搜狐

示例：

动态改变网页背景

HTML最初只是在Internet上传输数据的文档格式，但到了普通领域，它成了信息来源和娱乐方式，但单纯的HTML显示后，用户对网页没有或只有极少的控制权。

JavaScript正是上述问题的解决方案，JavaScript的目的是使网页开发人员能对网页的内容进行管理和控制。

将JavaScript代码嵌入HTML，可以控制页面的内容和验证用户的输入。

页面显示在浏览器时，通过浏览器而不是服务器来解释并执行JavaScript代码。

同时也可以利用JavaScript强大的功能，对页面的显示进行动态控制，增强用户体验。

JavaScript是一种基于对象和事件驱动的语言，主要与HTML配合实现在一个Web页面中链接多个对象，与Web客户端实现交互。

JavaScript程序要下载到客户端浏览器执行，以减轻服务器端的负担。

浏览器运行起来的主要结构：

整个浏览器是window对象，就像我们在Java的swing里面的一个窗体，而这个窗体里面包括的东西不像swing里面是自己添加按钮，对话框等，而是由固定的history对象，document对象，location对象组成，像swing里面添加各种组件是在document对象里面由html代码添加的。

我们的JS代码可以根据各个组件的名称直接得到它的各种属性：

如：

document.myform.username.value

就是页面里面名为myform的表单的里面名为username的组件的值，这个值可以取出来，也可以直接给它赋值。

另外我们的JS代码也可以通过组件的ID来得到：

如：

document.getElementById（“myDiv”）.style.left

就是页面里面ID为myDiv的样式里面的left值，同样，这个值可以取出来，也可以直接给它赋值。

基于上面的思路，我们可以实现一些网页的特殊效果，也可以进行表单的验证。

表单验证：

基本思路，得到用户输入的内容，进行基本判断，比如格式，长度等，根据判断的结果决定后续的操作。