一、什么是JavaScript?
简称JS,前端开发,脚本语言(解释型语言)
解释型语言:程序执行前,不需要对代码进行编译,在运行时边解析边执行
浏览器工作原理:
编译型语言:程序执行之前,需要一个专门的编译过程,把程序编译成机器语言文件,
二、JS的组成
ECMAScript:JavaScript的语法标准
DOM:JavaScript操作网页上的元素(标签)API
BOM:JavaScript操作浏览器的部分功能的API
三、JavaScript的书写格式
1、行内样式:写在标签内部
2、内嵌样式(内联样式):写在一对head标签中
3、外链样式:写在一个单独的.js文件,再导入进来
注意事项:
1、不推荐直接将JavaScript代码书写到标签内部
2、默认情况下浏览器会从至下的解析网页,所以如果将JavaScript写到一对head标签中,并且需要通过JavaScript代码操作界面上的元素,那么久不能直接书写JavaScript代码,否则无效。
(1)如果将JavaScript写到一对标签中,并且需要在JavaScript代码中操作界面上的元素,那么必须加上window.οnlοad=function(操作界面元素的JavaScript)
(2)window…onload的含义:等到界面上所有的内容都加载完毕再执行{}中的代码
(3)由于默认情况下浏览器会从上至下的解析网页,所以如果像通过JavaScript操作界面上的元素只需要等到元素被加载解析之后操作就可以了,所以我们还可以将JavaScript 代码写到body结束标签的前面
3、如果通过外链式导入.js文件中操作界面上的元素,那么如果是在head标签中导入的,必须在.js文件中加上window.onload如果是在body结束标签前面导入的,那么久不用添加window.onload
4、如果需要在一对script标签中编写JavaScript代码,那么就不能同时通过script标签再导入其他的.js文件,否则书写的JavaScript代码无效、
JavaScript常见的输出方式
- 通过弹窗的形式来输出
alert(需要输出的内容);
config(需要输出的内容);
prompt(需要输出的内容);
注意点:
如果需要输出的北荣不是数字,那么就必须通过单引号或者双引号括起来
在JavaScript中是严格区分大小写的,alert()和ALERT()不是一回事
在编写JavaScript代码的时候,一定要记住每一句代码后面都需要添加一个分号,并且这个分号必须是英文的分号
我们会发现有时候不写分号程序也能运行,这里并不是因为不需要分号,而是浏览器自动帮助我们添加了分号,浏览器自动添加会消耗一定的性能,并且有可能会添加错误。
2.通过网页内容区域的形式来输出
document.write(需要输出的内容);
注意点:如果需要输出的内容不是数字,那么就必须通过单引号或者双引号括起来。
3.通过开发者工具控制台的形式来输出
console.log(需要输出的内容); // 普通输出
console.warn(需要输出的内容); //警告输出
consloe.error(需要输出的内容); //错误输出
注意点:如果需要输出的内容不是数字,那么就必须通过单引号或者双引号括起来
CSS书写格式:
1、行内样式:写在标签内部
2、内嵌样式(内联样式):写在一对head标签中
3、外链样式:写在一个单独的.css文件中,再导入进来