- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
韩顺平JS笔记完整版
JS笔记
Javascript的基本介绍
JS是用于WEB开发的脚本语言:
脚本语言是什么:
脚本语言往往不能独立使用,它和HTML/JSP/PHP/ASP.NET配合使用
脚本语言也有自己的变量,函数,控制语句(顺序,分支,循环)
脚本语言实际上是解释性语言(即在执行时直接对源码进行执行),编译性语言效率会更高一些
Java程序.java→.class→jvm ,js→浏览器(js引擎来解释执行)
Js主要在客户端(浏览器)执行
因为js是由浏览器来执行的,因此这里有个问题,不同类型的浏览器可能对js的支持不一样。
开发工具的选择:记事本 myeclipse
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd
html
head
script language=javascript
function test(){
window.alert(hello world!);
}
/script
title New Document /title
/head
body
input type=button onclick=test() value=点击一下吧/
/body
/html
案例:1
需求:打开网页后,显示hello !
html
head
!--js代码是放在head标签间,但实际上也可以放在别的位置--
script language=javascript
window.alert(hello);
/script
/head
body
/body
/html
问题:
js的位置可以随意放
js必须使用 script language=javascript 代码/script
在一个html文件中(JSP/PHP/ASP.NET)可以出现多对(script)片段,浏览器会按照先后顺序依次执行
案例2:
如何定义变量:
如何运算:
html
head
title New Document /title
/head
body
!----js代码是放在head标签间,但实际上也可以放在别的位置--
script language=javascript
//js中变量的定义(js中变量用var表示,无论什么类型)
var num1=1;
var num2=60;
var result=num1+num2;
window.alert(结果是+result); //alert函数 window.alert表示弹出一个对话框
/script
/body
/html
Js的变量类型是怎样决定的
Js是弱数据类型语言,即:在定义变量时候,统一使用var表示,甚至可以去掉var这个关键字
Js中的变量的数据是由js引擎决定的
var name=”shunping”; //name是字符串
var kk=2 //kk是数字
name=234; //这时name自动变成数
Js的命名规范(函数/变量):
使用大小写字母,数字,$可以命名
不能以数字打头
不能使用js保留字和关键字(即java里的关键字)
区分
单行注释大小写://
多行注释:/*…….*/
Js的数据类型:
基本数据类型3种
1数值类型
特殊数值:
1)NaN 不是数字
var a=”abc”
window.alert(parseInt(a));
2)Infinity 无穷大
window.alert(6/0);
3)isNaN() 如果是数字的话返回false
4)isFinite() 如果是无穷大返回false
2 字符串
可以用双引号 也可以用单引号 ,单个字符也可以看成字符串,有特殊字符用\转义 window.alert(asada\r); 输出asada”r
3.布尔类型
true false
通过typeof可以看到变量的具体数据类型
举例:
html
head
script language=javascript
var num1=123;
var num2=abcd;
window.alert(num1是+typeof num1);
window.alert(num2是+typeof num2);
var num1=false; //体现js是动态语言:即数据类型可以任意变化
window.alert(num1是+typeof num1); //体现j
您可能关注的文档
- 钢结构网架防腐方案.doc
- 钢栈桥钢平台钢管桩围堰施工方案.doc
- 钢轨铝热焊接施工作业指导书.doc
- 钢铁行业-钢铁生产企业历史碳排放报告模板.docx
- 钢箱梁加工吊装讲座.doc
- 钻井液工艺学课程设计.doc
- 钻孔岩煤芯分层鉴定和描述的规定.doc
- 钻孔灌注桩施工方案-回旋钻机.doc
- 钻孔灌注桩冬季施工作业指导书.docx
- 钻时伽玛电阻全烃水平井所钻地层及油气层录井表现特征.doc
- 《计算机制图——CAXA电子图板 2023》课件 第5--8章 标注--- 绘制装配图 .pptx
- 简笔画(活页版)课件 第三章 简笔画造型训练.pptx
- 变频器与伺服驱动技术 课件 3.1 G120C变频器手动控制电机运行.pptx
- 新一代大学英语(第二版)综合教程1(智慧版) Unit 4课件 B1U4 Life at your fingertips .pptx
- 《计算机制图——CAXA电子图板 2023》课件 第1--4章 入门知识--- 图形编辑.pptx
- 变频器与伺服驱动技术 教案1 G120C 变频器手动控制电机运行.pdf
- 《直播营销基础与实务(AIGC版)》课件 第5章 直播商品规划.pptx
- TensorFlow2深度学习实战(第2版)(微课版) 课件 项目1--3 深度学习概述---深度神经网络原理及实现.pptx
- 变频器与伺服驱动技术 课件 4.1.3 PLC变频器联机控制电机正反转.pptx
- 《现代物流基础》项目7 任务1.pptx
文档评论(0)