JavaScript笔记 (1.JavaScript介绍)

介绍

组成

由ECMAScript，DOM,BOM三部分组成

特点

1.解释型语言

不用编译

2.类似于c和java的语法结构

3.动态语言

4.基于原型和面对对象

hello world

js是从上到下一行一行的执行的
例子：

<script>
        // 控制浏览器弹出一个警告框
        alert("这是我的第一行js代码")
        // 让计算机在页面中输出一个内容
        //  document.write 可以向body中输出一个内容
        document.write("这是我的第一行js代码")
        // 向控制台输入一个内容
        console.log("这是我的第一行js代码")
</script>

输出语句

• alert(“要输出的内容”);

• 该语句会在浏览器窗口中弹出一个警告框

• document.write(“要输出的内容”);

• 该内容将会被写到body标签中，并在页面中显示

• console.log(“要输出的内容”);

• 该内容会被写到开发者工具的控制台中

编写位置

和CSS类似
可以将js代码编写到外部js文件中，然后通过script标签引入
写到外部文件中可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制
推荐使用的方式

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

script标签一旦用于引入外部文件了，就不能在编写代码了，即使编写了浏览器也会忽略
如果需要则可以在创建一个新的script标签用于编写内部代码

可以将js代码编写到script标签

<script type="text/javascript">
			alert("我是内部的JS代码");
		</script>

可以将js代码编写到标签的onclick属性中
当我们点击按钮时，js代码才会执行

<button onclick="alert('你点我干嘛~~');">点我一下</button>

可以将js代码写在超链接的href属性中，这样当点击超链接时，会执行js代码

<a href="javascript:alert('让你点你就点！！');">你也点我一下</a>
<a href="javascript:;">你也点我一下</a>

虽然可以写在标签的属性中，但是他们属于结构与行为耦合，不方便维护，不推荐使用