JavaScript全攻略：从CSS样式到DOM编程

30 浏览量更新于2024-06-26 收藏 514KB DOC 举报

"这是一份详细的JavaScript学习笔记，涵盖了CSS样式表和JavaScript的基本语法，包括了从CSS的定义、设置方式、选择器到JavaScript的脚本程序概念、代码位置、保留关键字、基本语法、控制语句、函数、系统函数、对象、数组以及DOM编程的相关内容。" 这篇学习笔记首先介绍了CSS样式表的基础知识。CSS（Cascading Style Sheets）是用于控制网页元素样式的一种语言。笔记中详细讲述了CSS的四种设置方式：内联样式表，直接在HTML元素内部定义样式；嵌入样式表，将CSS代码写在HTML文档的`<head>`部分；外部样式表，将CSS保存为单独的`.css`文件然后链接到HTML中；输入样式表，通过`@import`引入外部样式表。接着，笔记进入JavaScript的世界，讲解了JavaScript的语法特性。JavaScript是一种解释型的、基于原型的、动态类型的脚本语言，常用于网页和网络应用开发。笔记中提到了脚本代码可以放在HTML文件中，也可以独立于HTML存储在.js文件中，并可以在超链接、按钮等元素中使用。还讨论了JavaScript的保留关键字，这是在编程时不能作为变量或函数名称使用的词汇。笔记进一步深入JavaScript的基本语法，包括基本数据类型（如字符串、数字、布尔值、null、undefined等）、变量的声明和使用，以及各种运算符。此外，详细阐述了JS的控制语句，如`switch`语句用于多条件判断，`while`、`do...while`和`for`循环语句实现不同类型的循环，`break`和`continue`语句用于中断循环。同时，笔记还介绍了函数的使用，包括可变参数函数和动态创建函数。 JavaScript的系统函数也是学习的重点，如`encodeURI`和`decodeURI`用于编码和解码URL，`parseInt`和`parseFloat`用于解析整数和浮点数，`isNaN`检查是否为非数字，`escape`和`unescape`用于字符编码和解码，以及强大的`eval`函数用于执行JavaScript代码。在对象方面，笔记讲解了对象和对象实例的概念，以及构造函数和`this`关键字的用途。特别提到了`Math`对象提供的数学运算功能，`Date`对象处理日期和时间，以及`toString`方法用于转换对象为字符串。数组的使用也得到了介绍，包括数组列表和用对象方式实现数组，以及`Array`对象的内置方法。最后，笔记简要涉及了DOM（Document Object Model）编程，它是处理HTML或XML文档的标准API。DOM编程涉及事件处理程序的编写，以及如何通过JavaScript操作和改变网页的结构、样式和内容。这份JavaScript学习笔记是一个全面的基础教程，适合初学者了解和掌握Web开发中的CSS样式和JavaScript语言基础。

javascript 学习笔记

第 6 页

jscript 是由微软提供的,由于得不到 netscape 公司的技术支持，自己编写的.它和

javascript 就非常相似的.

他们在不停的发展,你可以去网站了解最新的标准.

Javascript : http://developer.netscape.com

Jscript: http://msdn.microsoft/scripting

2.2 脚本代码的位置

var sp=“中国”;

</script>

alert(sp);

</scipt>

它等同与将

var sp=“中国”;

alert(sp);

</scipt>

为了防止浏览器将 javascript 的内容与 html 相互混淆，你可以在<script>之间加入<!-- -- >

2.2.1 也可将 javascript 放入到单独的一个文件 js 文件，在需

要使用的时候引入:

剩余61页未读，继续阅读

APEX学院

粉丝: 0
资源: 23

JavaScript全攻略：从CSS样式到DOM编程

JavaScript学习笔记-适合初学者

jquery学习笔记-相关代码

跟李彦恢学javascript 电子书和课堂笔记1-15章.rar

javascript学习笔记--查看html元素和改变html的内容

前端学习笔记 javascript

「JavaScript」 - - - - - - - - - - - - - - -

javascript-obfuscator --output

p5js语言和html语言,p5.js-JavaScript中文网-JavaScript教程资源分享门户

huiyan-fe-bmap-javascript-library-d3f0c0a/demo/drawingmanager/drawingmanager

如何在前端使用JavaScript和face-api.js库结合Webcam进行实时人脸识别？

最新资源