网页的三位一体
结构层：HTML 页面结构，语义上描述页面
表示层：CSS 审美角度装饰页面
行为层：JavaScript交互角度提升页面用户体验
交互就是网页的元素针对用户的特定行为，产生指定的变化
JavaScript是什么？
JavaScript是用来实现交互的
首先，JavaScript是纯文本，用任何纯文本编辑器都能编辑它
其次，JavaScript是网页的一部分，
随着HTML的请求，JavaScript脚本随着下载到客户端
在客户端本地渲染运行
最后，JavaScript脚本是能够从网站上扒下来的
JavaScript不是Java，JavaScript是Netscape公司开发的，
Java是sun公司开发的
JavaScript是轻量级的运行在浏览器中的语言，弱类型的语言
Java是一种面向对象、跨平台的开发多种应用的语言
JavaScript是运行在客户端的计算机上，是前台的脚本
功能是单一的，仅仅是用来开发页面的效果
其他asp、JSP、PHP是服务器端脚本，可以和数据库进行交互，
JavaScript网页仍是静态网页，不是动态网页
动态和静态网页的区别，是指是否与数据库进行交互
只有asp、JSP、PHP这些网页才是动态网页
JavaScript运行
JavaScript是一种脚本语言，只通过web网页完成操作
不能像其他语言一样编译运行
需要由网页浏览器进行解释执行
JavaScript还提供操控web浏览器的手段，
DOM（document object model）文档对象模型
JavaScript语言可以调整web浏览器窗口的高度、宽度和屏幕位置
DOM是一套对文档的内容进行抽象和概念化的方法
浏览器之争：
浏览器之间的冲突：
Netscape的DOM使用专有的元素，元素成为层
每个层都有一个唯一的ID，
document.layers[‘myElement’];
微软公司的DOM document.all[‘myElement’];
导致结果：
在编写DOM脚本时需要知道将在运行那种浏览器环境
许多脚本不得不编写两次
五大浏览器
Chrome Firefox Safari opera IE
W3C (world wide web 万维网联盟)标准化的DOM
让任何一种程序设计语言对使用任何一种标记语言编写出来的任何一份文档进行操控
DOM的定义：
一个与系统平台和编程语言无关的接口，
程序和脚本可以通过这个接口动态的对文档的内容、结构和样式进行访问和修改
浏览器之争的结局，市场份额的主要赢家Microsoft
所有windows操作系统都预装IE浏览器
影响最重的是网站和网页设计人员，脚本程序员
目前还没有浏览器能够完美支持W3C DOM的完美支持
但是编写JavaScript脚本时再也不需考虑，将在哪个浏览器下运行
Google的地图运用，Ajax进入人们的视野
iPhone的发布，用户体验，流畅
HTML5中的canvas画布使用JavaScript作为驱动
PhoneGap等技术出现使JavaScript能开发手机应用
JavaScript的编辑
使用记事本，EditPlus编辑
Web浏览器使用chrome浏览器
编写利器：sublimewebstrom Dreamweaver
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>第一个javascript页面</title>
<script type="text/javascript">
alert("hello world");
</script>
</head>
<body>
</body>
</html>
|
程序设计语言分类：解释性和编译性
编译型：通过编译器把高级语言编辑出来的源代码，翻译成直接在计算机上可以执行的二进制可执行文件的程序
解释型：不需要编译器，仅需要解释器，对于JavaScript，需要浏览器负责完成解释和执行工作
语法：syntax
广义上包括语句，单词和标点等各个方面
狭义上特指语句结构方面的各项规则
JavaScript语言的语法跟C语言等其他语言的语法非常相似
JavaScript或其他任何一种程序设计语言设计编写的脚本都是由一些列的指令构成的，这些指令称为语句
只有按照正确的语法编写出来的语句，才能得到正确的解释
JavaScript注释：
/*注释内容*/
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>第一个javascript页面</title>
<script type="text/javascript">
/*注释内容*/
document.title="O(∩_∩)O哈哈哈~";
alert("world hello");
window.location = "http://localhost";
</script>
</head>
<body>
</body>
</html>
|
本文出自 “杜国栋个人PHP学习博文” 博客，请务必保留此出处http://duguodong.blog.51cto.com/7667978/1398207