js学习笔记（js了解~js输出方式）

js了解
编程语言分为3大类：机器语言、汇编语言、高级语言。
js是一门编程语言，属于高级语言，是前端开发的一门脚本语言（解释型语言）。
解释型语言：程序执行之前，不需要编译就可以直接运行，在运行时边解析边执行的语言。比如：Python、JavaScript、PHP、Ruby。
编译型语言：程序在执行之前，需要一个专门的编译过程，把程序编译成为机器语言的文件，比如ipa、exe、jar文件。比如：C/C++、Pascal、Object-c、Swift。
优缺点：编译型语言执行速度快，同等条件下对系统要求较低，因此像开发操作系统、大型应用程序、数据库系统等都可以采用它。
解释型语言跨平台性好，一些脚本网页、服务器脚本及辅助开发接口这样的对速度要求不高、对不同平台间的兼容性有一定要求的程序则通常使用。

js的应用场景
多元化场景：网页特效、移动端开发、服务端开发、命令行工具、物联网与人工智能、游戏开发

js的组成
ECMAScript：JavaScript的语法标准
DOM：文档对象模型，JavaScript操作网页上的元素的API
BOM：浏览器对象模型，JavaScript操作浏览器的部分功能的API
API：应用程序接口，是一组为应用程序呼叫某个功能和服务的函数，一些预定义的函数。我们可以通过API传送某些数据，然后获取到其处理后的数据。

JS、HTML、CSS的关系
HTML：提供网页结构和网页内容。
CSS：美化网页，2D/3D过渡，动画等。
JS：控制网页内容，给网页增加动态效果、需要与人交互的东西。

JS入门
1.JS书写格式
（1）行内式

<button onclick="alert('点我啦！')">点我</button>
<a href="javascript:alert('点我啦,嘻嘻！')">点我</a>

（2）页内式
一般写在body里，且写在尾部。
原因：
（1）网页是从上至下加载的，js代码通常是给标签添加交互（操作元素），所以需要先加载HTML，否则如果执行js代码时HTML还未加载，那么js将无法添加交互。
（2）如果脚本较大，页面下载和渲染都必须停下来等待脚本执行完成才能继续，会造成加载卡顿。

<script>
    alert('哈哈');
</script>

预加载函数：当窗口加载完毕时再加载js代码，现在把js代码放在哪里都行，不过最好放在尾部

<script>
    window.onload = function () {
        alert('哈哈');
    }
</script>

（3）外链式
一般写在body的尾部，修改css样式时可以写在head的尾部。

<script src="js/text.js"></script>

2.js注释
单行：//
多行：/**/
标准注释：

/**
 * 文件名：text.js
 * 作者：
 * 描述：
 * 修改人：
 * 修改时间：
 * 修改内容：
*/

3.js输出方式
（1）弹窗

<script>
    window.alert('嘻嘻嘻');
    debugger;//将代码拦截到这。用来调试代码（代码仍旧可以完整执行，只不过打开检查后可以将代码拦截到这）
    window.alert('可可儿');
</script>

（2）控制台输出

 <script>
     console.log('kkkkkk');//在检查的控制台可以看到，用户看不到，console
    console.warn('这是一个警告');//警告
    console.error('这是一个错误');//错误
</script>

（3）向body里输出一个内容

<script>
     document.write('你好呀！');//直接在网页里
    document.write('<h1>哈哈哈哈</h1>');
</script>

window.document.write(‘你好呀！’);因为document（文件）一定在window里，所以可以简写

（4）在网页中弹出输入框，一般用于接收用户输入的信息

<script>
		window.prompt('你想多我说些什么吗？');
</script>

（5）在网页中弹出提示框，显示信息，一般与if判断句结合使用

<script>
		 window.confirm('dddddddd');//和alert差不多，比alert多了一个取消
</script>