JS笔记(一)基础
HTML、CSS属于标记语言,
JS属于脚本语言,不需要编译,边翻译边执行,还有sql也是脚本语言
c、 c++ 、java,是编程语言,需要在编辑器里面编译过的语言,转化成二进制
编译型语言:C、C++,翻译文件后缀.obj,java不是严格的编译型语言,通jvm虚拟机可跨平台了。
解释型语言:JS、PHP、Python
(js是弱类型语言用var声明,int num = 10;这种属于强类型语言)
(js是一门动态语言,只有执行到才知道是变量还是对象。通过点语法就可以为对象添加属性和方法)
-->JS文档:MDN。
1、JS分三部分:
(1)ECMAScript 标准-----js的基本语法(变量、表达式、运算符、函数、if语句、for语句等)
(2)DOM------Document Object Model 文档对象模型(操作页面上的元素的API,如盒子移动、变色、改变大小、轮播图等)
(3)BOM------Browser Object Model 浏览器对象模型(操作浏览器部分功能的API,如通过BOM可操作浏览器窗口、如弹框、控制浏览器跳转、获取浏览器分辨率等)
简单理解:ECMAScript是JS的语法;DOM、BOM是浏览器运行环境为JS提供的API
2、Js代码编写的位置:
(1)外部引入:在html文件中,用<script></script>标签括起来
(2)行内式:可在html标签内写,<input type="button" onclick="alert('被点了');" />
(3)内嵌式:单独在JS文件中写,在html页面中引入<script src="js文件路径">
3、js代码注意问题
(1)在同一对<script>标签内的代码中,一出现错误代码,后面的就不会执行
(2)不同一对的<script>标签,上一个错误不会影响下一个的执行
(3)<script>中可以添加,<script type="text/javascript" language="JavaScript">,上一个是标准写法,可只写一个,也可同时写上。但现在都可以省略不写,因为Html遵循H5原则。
(4)<script>标签可以放到body的后面,或者<head>的里面。
(5)引入外部js的标签不能再在里面写其他js。
4、JS调试方法:
alert(); 弹框模式
console.log(); 在控制台console中可看到效果
prompt()弹框给用户输入的对话框。var a = prompt("请输入你的姓名!")
debugger; 断点模式
5、注释:js 单行注释// 多行注释/* */
html: <!-- -->
css: /* */
java: 单行// 多行/* */ 文档注释/** */