《JSjQuery交互式web前端开发》（⼀）编程基础知识⽂章⽬录
1 编程基础知识
1.1 脚本
含义
⼀段脚本是⼀系列指令，计算机执⾏指令以达成⽬标
脚本运⾏时可能只会执⾏全部指令中的⼀部分
编写步骤
定义⽬标
设计脚本：使⽤流程图
写代码：使⽤编程语⾔（JavaScript）
1.2 计算机建模⽅式
使⽤数据创建模型
对象（物件）
每个物理物件都可以被表⽰为⼀个对象
每个对象都有：属性、事件、⽅法
事件触发⽅法，⽅法获取、更新属性
属性（特征）
每个属性都有名称、值
事件
含义：响应⽤户与计算机的交互⾏为
作⽤：事件发⽣时，触发特定的功能
⽅法
含义：表⽰在真实世界中⼈们（或其他物件）如何与对象进⾏交互
作⽤：⽅法包含许多指令，这些指令集合起来完成任务
web浏览器
window 对象
document 对象
作⽤：访问、修改页⾯内容，响应⽤户与界⾯的交互⽅式
属性：描述web页⾯的特性
⽅法：执⾏与浏览器中载⼊⽂档有关的任务
事件：响应交互⾏为
浏览器运⾏web页⾯
步骤
接收html页⾯
创建页⾯的⼀个模型，存储在内存中
使⽤渲染引擎显⽰页⾯
JavaScript的执⾏
解释器读取指令，翻译成浏览器可以识别、执⾏的指令
解释型编程语⾔：每⾏代码依次翻译后执⾏
1.3 编写web脚本
关注点分离
内容层html、展现层css、⾏为层JavaScript
尽可能将三种语⾔放在不同的⽂件中，然后⽤html页⾯链接css、JavaScript⽂件
渐进式增强
仅有html：可以⼯作在所有设备上、被所有⽤户访问、快速加载
html+css
单独添加css⽂件：
让规则只关注页⾯的外观⽽⾮内容
可以在所有⽹站使⽤相同的样式表，也可以对同样的内容使⽤不同的样式表html+css+JavaScript
单独添加JavaScript⽂件
即使⽤户不载⼊、运⾏JavaScript，页⾯也可以⼯作
可以在不同页⾯重⽤代码（快速载⼊、易于维护）
创建JavaScript脚本
从html页⾯链接JS⽂件
语法：<script scr="JavaScript⽂件存储位置"> </script>
web页⾯的源代码中只显⽰JavaScript⽂件的链接（脚本与浏览器创建的页⾯模型进⾏交互）在页⾯上放置脚本（不建议使⽤）
语法：<script> JavaScript代码 </script>
调⽤对象的⽅法
document.write('hello!');
document：对象
js脚本编程入门
.：成员操作符
write('hello!');：⽅法
('hello!');：参数
说明
document对象拥有多个⽅法和属性，它们被称为对象的成员<script>元素
提⽰浏览器载⼊JavaScript⽂件

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。