一、JavaScript语言简介:
JavaScript是世界上最流行的脚本语言。JavaScript是属于Web的语言,它适用于PC、笔记本电脑、平板电脑和移动电话。JavaScript被设计为向HTML页面增加交互性。
二、为什么要学习Java?
JavaScript是开发人员必须学习的三门语言之一:1、HTML定义了网页的内容;2、CSS描述了网页的布局;3、JavaScript网页的行为
三、JavaScript知识图谱:(这个总结非常好)
参考链接:https://www.w3cschool.cn/javascript/javascript-skillmap.html
四、JavaScript的用法:
HTML中的脚本必须位于<script>和</script>标签之间。脚本可被放置在HTML页面的<body>和<head>部分中。
JavaScript脚本还可以保存在外部文件中。外部文件通常被多个网页使用的代码。外部JavaScript文件的扩展名是 .js。
如需使用外部文件,请在 <script> 标签的 "src" 属性中设置该 .js 文件:(注意:外部脚本不能包含<script>标签)
五、JavaScript输出:
JavaScript没有任何打印或者输出函数。JavaScript可以通过不同的方式来输出数据:
- 使用 window.alert() 弹出警告框。
- 使用 document.write() 方法将内容写到 HTML 文档中。
- 使用 innerHTML 写入到 HTML 元素。
- 使用 console.log() 写入到浏览器的控制台。
六、JavaScript语法:(以下内容对于程序员来说都太熟悉了,所以简略记录如下)
- JavaScript字面量(即 常量)
- 数字(Number)字面量 可以是整数或者是小数,或者是科学计数(e)。
- 字符串(String)字面量 可以使用单引号或双引号 :
- 表达式字面量 用于计算
- 数组(Array)字面量 定义一个数组:
- 对象(Object)字面量 定义一个对象:
- 函数(Function)字面量 定义一个函数:
- JavaScript变量:JavaScript 使用关键字 var 来定义变量, 使用等号来为变量赋值。
- JavaScript操作符:
- JavaScript语句:
- JavaScript关键词
- JavaScript标识符:JavaScript 标识符必须以字母、下划线(_)或美元符($)开始。后续的字符可以是字母、数字、下划线或美元符(数字是不允许作为首字符出现的,以便 JavaScript 可以轻易区分开标识符和数字)。
- JavaScript注释:不是所有的 JavaScript 语句都是"命令"。双斜杠 // 后的内容将会被浏览器忽略。多行注释以 /* 开始,以 */ 结尾。
- JavaScript数据类型 :JavaScript有多种数据类型:数字、字符串、数组、对象等等
- JavaScript函数:JavaScript 语句可以写在函数内,函数可以重复引用;引用一个函数 = 调用函数(执行函数内的语句)。
- JavaScript对大小写敏感
- JavaScript字符集:JavaScript使用Unicode字符集。Unicode覆盖了所有字符,包含标点等字符。
七、JavaScript事件:
事件是可以被JavaScript侦测到的行为。
常见的HTML事件:
JavaScript可以做什么?
事件可以用于处理表单,用户输入,用户行为以及浏览器动作:
- 页面加载是触发事件
- 页面关闭是触发事件
- 用户点击按钮执行动作
- 验证用户输入的合法性 等等
八、HTML DOM(JavaScript这节对后端开发者来说,比较重要)
- JavaScript HTML DOM:通过HTML DOM。可以访问JavaScript HTML文档的所有元素,连同他们所包含的文本和属性。
- HTML DOM(文档对象模型):当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。HTML DOM 模型被构造为对象的树:
- 查找HTML元素:有三种方法来找到HTML中的元素 (1)、通过id找到HTML元素:var x=document.getElementById("intro"); (2)、通过标签名查找HTML元素(注意结果是数组):var x=document.getElementById("main");
var y=x.getElementsByTagName("p"); (3)、通过类名查找HTML元素(注意结果是数组):var x=document.getElementsByClassName("intro"); - HTML DOM改变HTML内容: (1)、改变HTML的输出流:document.write() 可用于直接向 HTML 输出流写内容。 (2)、改变HTML内容:document.getElementById(id).innerHTML=new HTML (3)、改变HTML的属性:document.getElementById(id).attribute=new value
- 改变HTML元素的样式:document.getElementById(id).style.property=new style
- JavaScript HTML DOM事件:
- onclick(点击)
- onunload(离开页面)
- onchange(内容改变,常结合对输入字段的验证来使用)
- onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数
- onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时,会触发 onmousedown 事件,当释放鼠标按钮时,会触发 onmouseup 事件,最后,当完成鼠标点击时,会触发 onclick 事件
7. (未完待续。。。)