韩顺平轻松搞定网页设计(html+css+js),韩顺平轻松搞定网页设计方案(html+css+js)之javascript现场授课笔记(完整版).doc...

2011韩顺平轻松搞定网页设计(html+css+js)之

javascript现场授课笔记(完整版)

视频18整和19的前半部分不用看

Javascript的基本介绍

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

脚本语言是什么：

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

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

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

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

Js在客户端(浏览器)执行

因为js是由浏览器来执行的，因此这里有个问题，不同类型的浏览器可能对js的支持不一样。

function test(){

window.alert("hello world!");

}

New Document

案例1

要求：打开网页后，显示hello 1

window.alert警告("hello!");

New Document

问题：

js的位置可以随意放

js必须使用

在一个html文件中(JSP/PHP/ASP.NET)可以出现多对(script)片段，浏览器会按照先后顺序一次执行

2:Hello world程序改进

如何定义变量：

如何运算：

New Document

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

var num1=1;

var num2=60;

var result=num1+num2;

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

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

Js是弱数据类型语言，即：在定义变量时候，统一使用var表示，甚至可以去点var这个关键字

Js中的变量的数据类型是由js引擎决定的

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

Var kk=2 //kk是数字

Name=234; //这事name自动变成数(可以变化)

Js的命名规范(函数/变量)：

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

不能以数字打头

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

区分大小写

单行注释：//

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

韩顺平JS第三讲

Js的数据类型：

基本数据类型

数值类型(number)

字符串类型(string)

布尔类型

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

举例：

New Document

var vi="abc";

var v2=890;

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

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

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

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

韩顺平轻松搞定网页设计(html+css+js),韩顺平轻松搞定网页设计方案(html+css+js)之javascript现场授课笔记(完整版).doc...相关推荐

web网页设计实例作业 ——电影泰坦尼克号(4页) HTML+CSS+JavaScript 学生HTML个人网页作业作品下载个人网页设计制作大学生个人网站作业模板简单个人网页制作
HTML5期末大作业:电影网站设计--电影泰坦尼克号(4页) HTML+CSS+JavaScript 学生HTML个人网页作业作品下载个人网页设计制作大学生个人网站作业模板简单个人网页制作文章 ...
HTML5期末大作业：个人网页设计——薛之谦6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计
HTML5期末大作业:个人网页设计--薛之谦6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计 HTML+CSS+JavaScript(毕业设计) 常见网页设计作业题材有个人 ...
HTML+CSS静态页面游戏网站设计——腾讯游戏(页)学生HTML个人网页作业作品下载个人网页设计制作大学生个人网站作业模板简单个人网页制作
HTML5期末大作业:游戏网站设计--腾讯游戏(页)学生HTML个人网页作业作品下载个人网页设计制作大学生个人网站作业模板简单个人网页制作常见网页设计作业题材有个人. 美食. 公司. 学校. ...
HTML5期末大作业：电影在线网站设计——漫威电影(2页) 免费大学生网页设计制作作业作品下载dreamweaver制作静态html网页设计作业作
HTML5期末大作业:电影在线网站设计--漫威电影(2页) 免费大学生网页设计制作作业作品下载dreamweaver制作静态html网页设计作业作常见网页设计作业题材有个人. 美食. 公司. 学校 ...
HTML5期末大作业：旅游网页设计——西安旅游9页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计
HTML5期末大作业:网站--西安旅游9页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业 ...
HTML5期末大作业：游戏网页设计——穿越火线6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计
HTML5期末大作业:游戏网页设计--穿越火线6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计 HTML+CSS+JavaScript(毕业设计) 常见网页设计作业题材有个 ...
html绝对定位自适应不同分辨率,如何利用“自适应网页设计”实现不同的设备上呈现同样的网页...
据百度官方最近发布的<2013年中国网站运营发展趋势报告>中数据表明,2012年,PC端网站增速较大,数量较2011年增加29%:PC无线化速度加快,12年PC网站无线化比例达到40%.网 ...
HTML5期末大作业：汽车网页设计——保时捷6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计
HTML5期末大作业:汽车网页设计--保时捷6页(代码质量好) 学生DW网页设计作业源码 web课程设计网页规划与设计 HTML+CSS+JavaScript(毕业设计) 常见网页设计作业题材有个人 ...
HTML5+CSS大作业——简洁的个人博客设计(7页) 学生HTML个人网页作业作品下载个人主页博客网页设计制作大学生个人网站作业模板简单个人网页制作
HTML5+CSS大作业--简洁的个人博客设计(7页) 学生HTML个人网页作业作品下载个人主页博客网页设计制作大学生个人网站作业模板简单个人网页制作常见网页设计作业题材有个人. 美食. 公 ...

韩顺平轻松搞定网页设计(html+css+js),韩顺平轻松搞定网页设计方案(html+css+js)之javascript现场授课笔记(完整版).doc...

韩顺平轻松搞定网页设计(html+css+js),韩顺平轻松搞定网页设计方案(html+css+js)之javascript现场授课笔记(完整版).doc...相关推荐

最新文章

热门文章