没有合适的资源?快使用搜索试试~ 我知道了~
JavaScript初学者学习总结
需积分: 10 1 下载量 198 浏览量
2018-06-22
08:51:55
上传
评论
收藏 1.34MB DOC 举报
温馨提示
试读
16页
JavaScript是开发客户端的重要技术,他实现了前端的开发,减轻了服务器的工作量,大大的提升了系统的运行速度
资源推荐
资源详情
资源评论
、是一种脚本语言
的三大组成部分是:
、: 的核心,描述了语言的基本语法、、、 等和
数据类型数字、字符串、布尔、函数、对象、、、、未定义, 是一
套标准,定义了一种语言(比如 )是什么样子。
、文档对象模型(): (文档对象模型)是和的应用
程序接口()。 将把整个页面规划成由节点层级构成的文档。!"#或$#页
面的每个部分都是一个节点的衍生物。
通过创建树来表示文档,从而使开发者对文档的内容和结构具有空前的控制力。用
%&可以轻松地删除、添加和替换节点('(()(*&+、,+-+(.、(+,+、
(!"#)。
/、浏览器对象模型()对浏览器窗口进行访问和操作。例如弹出新的浏览器
窗口,移动、改变和关闭浏览器窗口,提供详细的网络浏览器信息('(),
详细的页面信息(0(),详细的用户屏幕分辨率的信息( .(((),对
1(. 的支持等等。* 作为 的一部分并没有相关标准的支持,每一个浏览器
都有自己的实现,虽然有一些非事实的标准,但还是给开发者带来一定的麻烦。
、 实现效果:
实现表单验证
制作网页广告特效
时钟特效
级联显示
创建表格
创建层
实现复杂的客户端特效
、回顾
常用 ,) 标签:
2,)32,(+320(32+32)'3232,342,53232,32326443
常用的表单元素:
(7..8++,(17(7(9.)(.(.((0
!、脚本的基本结构:
2.(:;(7<.;3
2644
. 语句=
443
2<.3
"、 的执行原理:
客户端请求某个网页,即我们在上网时在地址栏中输入某个网址,浏览器接收到网址
之 后,向远程 web 服务器提出请求 2、web 服务器响应请求,web 服务器找到请求的页
面,并将整个页面包含 javascript 的脚本代码作为相应内容,发送回客户端机器 3、客
户端浏览器解释并执行带脚本的代码,客户端浏览器打开回应的网页文件内容,从上
往 下逐行读取并显示其中的 html 或者脚本代码,脚本是从服务器端下载到客户端,然后
在客户端进行的,即不占用服务器端的资源,因此通过客户端脚本,客户端分担了服
务 器的的任务,大大的减轻了服务器的压力,从而间接地提升了服务器的性能
浏览器输入——客服端请求包含 js 的页面——应用服务器——从服务器下载含 js 的页
面——返回响应
#、 的使用方式
html 页面内嵌 js 代码
外部 js 文件:
<script src=”文件路径” language=”javascript>”></script>
简短缩写方式
例:<input name="btn" type="button" value="弹出消息框"
onclick="javascript:alert('欢迎你');"/>
$、 中变量的申明与赋值
先声明再赋值
var width; width=5;
同时声明和赋值变量
var name=”花花”; var x,y,z=10;
不声明直接赋值
width=5;
%、变量的作用域
全局变量:整个代码中都可以调用的变量
局部变量:只能在本变量声明的函数内部调用的变量
&、运算符号
算是运算符:+ - * / % ++ --
赋值运算符:=
比较运算符:> < >= <= == !=
逻辑运算符:&& || !
'、逻辑控制语句
if 条件语句
if(条件){
//JavaScript 代码;
}else{
//JavaScript 代码;
}
switch 多分支语句
switch (表达式){
case 常量 1 :
JavaScript 语句 1;
break;
case 常量 2 :
JavaScript 语句 2;
break;
...
default :
JavaScript 语句 3;
}
for、while 循环语句
for(初始化; 条件; 增量){
JavaScript 代码;
}
while(条件){
JavaScript 代码;
}
、循环中断
break:结束整个循环过程,不再判断执行循环的条件是否成立
continue:结束本次的循环,而不是终止整个的执行,接着进行下一次是否执行循
环的判定
、注释
单行注释以 // 开始,以行末结束。
多行注释以 /* 开始,以 */ 结束,符号 /*…… */ 指示中间的语句是该程序中的注释。
、 核心语法
常用系统函数
parseInt ("字符串")
将字符串转换为整型数字
如: parseInt ("86")将字符串“86”转换为整型值 86
parseFloat("字符串")
将字符串转换为浮点型数字
如: parseFloat("34.45")将字符串“34.45”转换为浮点值 34.45
isNaN()
用于检查其参数是否是非数字
自定义函数
创建函数
无参函数
function 函数名()
{
JavaScript 代码;
}
有参函数
function 函数名(参数 1,参数 2,… )
{
JavaScript 代码;
}
调用函数
函数调用一般和表单元素的事件一起使用,调用格式:
事件名=“函数名( )" ;
!、()*+, 对象的常用事件
onload:一个页面或一幅图像完成加载
onmouseover:鼠标移到某元素之上
onlick:当用户单击某个对象时调用的事件句柄
onkeydowm:某个键盘按键被 按下
onchange:域的内容被改变
"、()*+, 对象的常用方法
prompt:显示可提示用户输入的对话框
prompt(“提示信息”, “输入框的默认信息”);
alert:显示带有一个提示信息和一个确定按钮的警示框
alert(“提示信息”);
confirm:显示一个带有提示信息、确定和取消按钮的对话框
var flag=confirm("确认要删除此条信息吗?");
if(flag==true){
alert("删除成功!");
}
else{
alert("你取消了删除");
}
练习——编写一个四则运算函数
需求说明
使用 prompt 输入两个数和运算符号,然后计算两个数的操作结果使用 switch 判
断 运算符号,点击“计算器”调用函数计算两数的结果
Open:打开新的浏览器窗口,加载给定的 URL 所指定的文档
Close:关闭浏览器窗口
setTimeout:在指定的毫秒数后调用函数或计算表达式
setTimeout(“调用的函数” , “指定的时间后");
setInterval:按照指定的周期(以毫秒计)来调用函数或表达式
setInterval("调用的函数", "指定的时间间隔")
匿名函数的调用:
语法:function 函数名(){JavaScript 代码}
调用函数:onclick=函数名();
网上常见的匿名函数写法:
方式一:事件名=function(){……}
方式二:(function(){JavaScript 代码;}())
直接运行函数:
Window.onload=function(){JavaScript 代码;}
<body onload=”事件名()”></body>
#、- 对象
语法:var 日期对象=new Date(参数)
参数格式:MM DD,YYYY,hh:mm:ss
示例:var today=new Date(); //返回当前日期和时间
var tdate=new Date("september 1,2009,14:58:12");
Date 方法分组:
剩余15页未读,继续阅读
资源评论
clb8167229
- 粉丝: 0
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 冯璐阳 42105650—祝福.docx
- 基于多种算法及改进算法实现的移动机器人路径规划matlab源码(含A星算法+PRM+RRT的改进等).zip
- 布里斯托尔纸细分市场、总体规模、先进性、市占率行业分析报告2024年.docx
- Obi绳子插件,好用的很 6.5.4版本
- openjfx-22.0.1-windows-x64-bin-sdk.zip
- 基于ros和stm32f1的小车代码(含串口通信)+项目说明.zip
- 人体姿态估计-基于Tensorflow实现的人体姿态估计算法-附项目源码-优质项目分享.zip
- java实现所有算法大全
- JDBC DAO模式 (复习)
- Proteus仿真AT89C51电子密码锁
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功