JS基础知识02

JS基于网页特效的组成：ECMAScript，DOM，BOM。
注意：javascript与java没有任何关系

• ECMAScript：

1）ECMA欧洲计算机制造联合会；
2）脚本语言标准，规定了脚本语言实现应该包含的基本内容；

• BOM：

1）浏览器对象模型；
2）通过BOM可以操作浏览器窗口，比如：弹出框。

• DOM：

1）文档对象模型；
2）把HTML看作是文档树，通过DOM提供的API可以对树上的节点进行操作；

• 补充：

HTML：提供网页结构和网页内容；
CSS：美化网页，2D/3D过渡，动画等；
JavaScript：控制网页内容，给网页增加动态效果。

• 1.JS的书写格式

1）行内式：<button onclick="alert('点我了！');">点我</button><a href="javascript:alert('点我了！');">点我</a>。
2）页内式：
尽量放在body尾部，放在头部需要一个预加载。

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

外嵌式：新建js/index.js文件，body内使用<script src="./js/index.js"></script>引入。

window.onload = function () {
    alert('现在几点了？')
}

注意：window.onload这个函数，无论页内页外只有一个可以运行。引入外部js，头部放js的时候，就是使用修饰css的时候。

• 2.JS的注释

1）单行注释：//
2）多行注释：/* */
3）标准注释：

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

视频课这里讲了个一个关于注释的文化，并建议尽量不要在公司的代码里面写很个性的注释。

• 3.JS的常见的输出方式

1）弹窗：window.alert('')，debugger。
2）控制台输出：console.log('');console.warn(');console.error('');。
3）可以向body中输出一个内容：document.write('你好！温客行！');，document.write('<h1>hello,fengjing!</h1>');。
4）在网页中弹出输入框，一般用于接收用户输入的信息：window.prompt('你好，小小！你想对我说什么呢？');。
5）在网页中弹出提示框，显示信息，该方法一般与if判断语句结合使用：window.confirm('你点击了页面！');。

---

感觉刚开个了头，慢工出细活，但是，得勤奋，不能疏懒，散漫！