没有合适的资源？快使用搜索试试~ 我知道了~

文库首页前端Javascript韩顺平html css js视频完整笔记及源代码(全)

韩顺平html css js视频完整笔记及源代码(全)

需积分: 17 35 下载量 189 浏览量 2018-04-08 11:44:36 上传评论 2 收藏 6.83MB DOC 举报

温馨提示

试读

38页

韩顺平html css js视频完整笔记及源代码(全)，视频地址：http://pan.baidu.com/s/1boT0qcv

资源详情

资源评论

韩顺平 html+css+js

之 JS 笔记

Javascript 的基本介绍

 JS 是用于 WEB 开发的脚本语言：

 脚本语言是什么：

 脚本语言不能独立使用，它和 HTML/JSP/PHP/ASP.NET 配合使用

 脚本语言也有自己的变量，函数，控制语句（顺序，分支，循环）

 脚本语言实际上是解释性语言（即在执行时直接对源码进行执行）

 Java 程序.java→.class→jvm , js→浏览器（js 引擎来解释执行）

 Js 在客户端（浏览器）执行

 因为 js 是由浏览器来执行的，因此这里有个问题，不同类型的浏览器

可能对 js 的支持不一样。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

function test(){

window.alert("hello world!");

}

</script>

<title> New Document </title>

</head>

<body>

</body>

</html>

案例：1

需求：打开网页后，显示 hello ！

<html>

<head>

window.alert("hello!");

</script>

<title> New Document </title>

</head>

<body>

</body>

</html>

问题：

 js 的位置可以随意放

 js 必须使用 <script language="javascript"> 代码</script>

 在一个 html 文件中（JSP/PHP/ASP.NET）可以出现多对（script）片段，浏览器会

按照先后顺序一次执行

案例 2:Hello world 程序改进

 如何定义变量：

 如何运算：

<html>

<head>

<title> New Document </title>

</head>

<body>

//js 中变量的定义（js 中变量用 var 表示，无论什么类型）

var num1=1;

var num2=60;

var result=num1+num2;

window.alert("结果是"+result); //alert 函数 window.alert 表示弹出一个对话框

</script>

</body>

</html>

 Js 的变量类型是怎样决定的

1) Js 是弱数据类型语言，即：在定义变量侍候，统一使用 var 表示，甚至可以去点 var

这个关键字

2) Js 中的变量的数据是由 js 引擎决定的

Var name=”shunping”; //name 是字符串

Var kk=2 //kk 是数字

Name=234; //这事 name 自动变成数

 Js 的命名规范（函数/变量）：

1) 使用大小写字母，数字，$可以命名

2) 不能以数字打头

3) 不能使用 js 保留字和关键字（即 java 里的关键字）

4) 区分大小写

5) 单行注释：//

6) 多行注释：/*…….*/

韩顺平 JS 第三讲

 Js 的数据类型：

 基本数据类型

 数值类型

 字符串类型

 布尔类型

通过 typeof 可以看到变量的具体数据类型

举例：

<html>

<head>

<title> New Document </title>

var vi="abc";

var v2=890;

window.alert("v1 是"+typeof v1);

window.alert("v2 是"+typeof v2);

vi=456; //体现 js 是动态语言：即数据类型可以任意变化

window.alert("v1 是"+typeof v1); //体现 js 是动态语言

</script>

</head>

<body>

</body>

</html>

 复合数据类型

 数组

 对象

 特殊数据类型

 Null 即：var=null

 Undefined

即：如下代码

window.alert(tt ); //直接报错：未定义

var tt; //未给值

</script>

 Js 定义变量，初始化，赋值

 定义变量：即 var=a

 初始化：即在定义变量时就给值

 赋值：即：比如你先定义一个变量 var=tt ，然后再给值：tt=780；

 js 数据类型转换：

 自动转换

例子：var=123; //a 是数值 a=”hello” //a 的类型是 string

 强制转换

例子：字符串转换成数字

Var a="123” ;

a=parseInt(a); //使用系统数强制转换

Var b=90 ; //b 是 number

b=b+””, //b 就是 string

 运算符

 + — * / %

 %(取摸：即两个数相除的余数) 强调：取模主要用于整数之间取模

例子：编写一个程序，判断两个数是否能够整除

var a=90;

var b=8;

if(a%b==0){

window.alert("能整除");

}else{

window.alert("不能整除");

}

</script>

 ++，运算符

a++ = a=a+1

a-- = b=b-1

++a 表示先把自己加 1 再赋值

--a 表示先把自己减 1 再赋值

例子：

Var a=56;

Var b=++a; //b=++a 等同于[a=a+1;b=a] b=a++等同于[b=a; a=a+1;]

Window.alert(b);

Window.alert(a);

 --运算符

 Var a=56;

 Var b=--a; //b=--a 等同于[a=a-1;b=a] b=a--等同于[b=a; a=a-1;]

 Window.alert(b);

 Window.alert(a);

剩余37页未读，继续阅读

评论收藏

内容反馈

韩顺平html css js视频完整笔记及源代码(全)

评论0

最新资源

韩顺平html css js视频完整笔记及源代码(全)

评论0

最新资源

相关推荐

韩顺平 html+css+js笔记(全)

韩顺平 html+css+JS完整笔记

韩顺平html+css+javascript笔记完整版

韩顺平Web相关视频全部笔记整理（HTML/html5+css3/div+css/JS/php全套+教学全套视频）绝对全

韩顺平 轻松搞定网页设计 html+css+js笔记完整版

韩顺平轻松搞定网页设计(html.css.js)(完整版)

html css html5 css3 js视频教程

html5+css3视频教程（全227讲）

清华大学图书馆主页 html语言教程(html版) 韩顺平老师视频教程同款

韩顺平 html+css+javascript

韩顺平html+css笔记

韩顺平html css js笔记.doc

韩顺平html+div+css+js全部笔记及w3c帮助文档

韩顺平 html+css+js下载链接

韩顺平《轻松搞定网页设计HTML+CSS+JAVASCRIPT》HTML学习笔记.pdf

html5+css3全套学习视频，附文档+代码

韩顺平_轻松搞定网页设计html+(DIV+CSS)+javascript

韩顺平HTML，CSS，JS笔记

韩顺平java教程(全94讲)

简约美观登录界面（html+css+js）

妙味视频+JavaScript+jquery+html5+css3视频教程(88GB)+项目实战

韩顺平html+css+js之javascript笔记

2011韩顺平html、css+div、javascript课堂笔记全

韩顺平js视频教学课堂笔记

韩顺平html，div+css视频听讲笔记

韩顺平div+css笔记完整

html+css常用代码

韩顺平轻松搞定网页设计 html+css+js笔记完整版