首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > 网页设计 >

韩顺平_轻巧搞定网页设计(html+css+javascript)_第19讲_js运行原理_js开发工具介绍_js程序(hello)_js基本语法_学习笔记_源

2012-11-23 
韩顺平_轻松搞定网页设计(html+css+javascript)_第19讲_js运行原理_js开发工具介绍_js程序(hello)_js基本

韩顺平_轻松搞定网页设计(html+css+javascript)_第19讲_js运行原理_js开发工具介绍_js程序(hello)_js基本语法_学习笔记_源代码图解_PPT文档整理
因为js是由浏览器来解释执行的,因此这里有一个问题,不同类型的浏览器可能对js的支持不一样。

js运行原理
以js嵌入到html为例说明:
①本地运行
韩顺平_轻巧搞定网页设计(html+css+javascript)_第19讲_js运行原理_js开发工具介绍_js程序(hello)_js基本语法_学习笔记_源代码图解_PPT文档整理
②远程访问运行
韩顺平_轻巧搞定网页设计(html+css+javascript)_第19讲_js运行原理_js开发工具介绍_js程序(hello)_js基本语法_学习笔记_源代码图解_PPT文档整理

万维网(www)
韩顺平_轻巧搞定网页设计(html+css+javascript)_第19讲_js运行原理_js开发工具介绍_js程序(hello)_js基本语法_学习笔记_源代码图解_PPT文档整理
万维网(www)综合图
韩顺平_轻巧搞定网页设计(html+css+javascript)_第19讲_js运行原理_js开发工具介绍_js程序(hello)_js基本语法_学习笔记_源代码图解_PPT文档整理


js开发工具
如何选择开发工具:
我们选择用记事本,大家对javascript有一定了解后,我们再使用高级开发工具(vs,eclipse)。
这是为什么呢?
1.更深刻的理解javascript技术,培养代码感。
2.有利于公司面试。

多查询javascript帮助文档,学会查文档
1.w3school.chm
2.javascript.chm


js语言的特点
javascript语言是简单的
javascript是基于对象和事件驱动的(动态的)
它可以直接对用户或客户输入做出响应,无须经过WEB服务程序。它对用户的反映响应,是采用以事件驱动的方式进行的。所谓事件驱动,就是指在主页中执行了某种操作所产生的动作,就称为“事件”。比如按下鼠标,移动窗口,选择菜单等都可以视为事件。当事件发生后,可能会引起相应的事件响应。
javascript是跨平台的
javascript是依赖于浏览器本身,与操作环境无关,只要能运行浏览器的计算机,并支持javascript的浏览器就可以正确执行。

js语言的特点
1.javascript是脚本编程语言
2.javascript是解释执行的
3.javascript可以对客户端编程,也可以对服务器编程(较少)

javascript vs jscript ——简单了解
javascript和jscript
①jscript是微软开发的,而javascript则是网景和sun合作开发的
②在网景开发livescript(javascript前身)时,微软就意识到这个脚本语言会很火,于是找到网景表示喜欢合作开发livescript,但是网景公司最终选择和微软的对头sun公司合作开发livescript,并更名为javascript。
③微软一气之下,开发了针对ie的脚本语言,并命名为jscript。在当时的这两种脚本语言中语法是大相径庭,给当时的程序员带来很大的烦恼,后来w3c出面了,w3c统一标准(ECMAScript)所以现在的这两种脚本语言的语法可以说90%以上是相同的。
④在一定程度上,你可以认为jscript和javascript。
⑤在网上你搜索javascript帮助手册,完后打开一看是jscript帮助手册,就不足为怪了。

第一个案例,在网页弹出一个对话框,显示“hello world”

<html><head><script language="javascript">//js中变量的定义(在js中变量用var表示,不管实际类型。)var num1=456;var num2=89;var result=num1+num2;window.alert('结果是'+result);</script></head><body></body></html>

为什么需要变量
不论是使用哪种语言编写程序,变量都是其程序的基本组成单位。js是弱数据类型的语言,在定义变量时,不需要指明该变量的类型(由js引擎来决定)
var name="shunping"; //name是字符串
var kk=2 //kk是数
var yy // yy是undefined

如果name=234; //这时name自动变成数

不声明变量直接使用
x-345; //亦可

js的变量的类型究竟怎样决定
(1)js是弱数据类型语言
即:在定义变量的时候,统一使用var表示,甚至可以去掉var这个关键字
(2)js中的变量的数据类型是由js引擎决定

js基本语法
javascript中的标识符
标识符是指javascript中定义的符号,例如,变量名,函数名,数组名等。标识符可以由任意顺序的大小写字母、数字、下划线(_)和美元符号($)组成,但标识符不能以数字开头,不能是javascript中的保留关键字。

合法的标识符举例:indentifier、username、user_name、_userName、$username
非法的标识符举例:int、98.3、Hello World
(1)javascript严格区分大小写computer和Computer是两个完全不同的符号
(2)javascript程序代码的格式
每条功能执行语句的最后必须用分号(;)结束,每个词之间用空格、制表符、换行符或大括号、小括号这样的分隔符隔开。
(3)块语句使用{}来表示
(4)javascript程序的注释
/*...*/中可以嵌套 "//"注释,但不能嵌套"/*...*/"。

javascript的调试困难,不是编译型的语言。

js的命名规范(变量/函数)
(1)使用大小写字母,数字,_,$可以命名
(2)不能以数字开头
(3)不能使用js的关键字/保留字
(4)区分大小写

(5)单行注释 // ,多行注释 /**/


韩顺平_php从入门到精通_视频教程_学习笔记_源代码图解_PPT文档整理_目录

热点排行