黑马程序员技术交流社区

标题: 【西安校区】 JavaScript简介以及编写位置 [打印本页]

---

作者: 逆风TO    时间: 2019-5-23 15:36
标题: 【西安校区】 JavaScript简介以及编写位置
1、JavaScript 简介
JavaScript 是一种基于对象和事件驱动并具有相对安全性 的客户端脚本语言。同时也是一种广泛用于客户端 Web 开发的 脚本语言，常用来给 HTML 网页添加动态功能，比如响应用户的 各种操作。

2、JavaScript 对象特征
属性: 用来描述一个对象的外观特征表现。
方法(主动行为): 对象自己本身所具备的能力。
事件(被动行为): 对象自己接受到一种指令需要完成的一 种行为。
3、解析执行与编译执行
编译执行：把代码编译成 CPU 认识的语言(文件)，然后整体的执行。
解析执行：一行一行解析，解析一行执行一行。

4、JavaScript 的HelloWord
JS 代码需要编写到Script标签中：<script type="text/javascript"></script>

弹框：alert("这是我的第一行JS代码 ");
输出内容：document.write("HelloWord");
向控制台输出内容：console.log("我在控制台");


5、JavaScript 的编写位置
行间事件（主要用于事件）
可以将JS代码编写到标签的onclick属性中，当我们点击按钮时，JS代码才会执行。
<button>点击一下</button>
可以将JS代码写在超链接的href属性中，这样当点击超链接时，会执行JS代码。
<a href="javaScript:alert('让你点你就点!')">你也点一下我嘛</a>
注意：虽然可以写在标签的属性里，但是它们属于结构和行为耦合，不方便维护，因此不推荐使用。

页面 script 标签嵌入
<script type="text/javascript"> var a = ' 你 好 ！'; alert(a); </script>

外部引入
<script type="text/javascript" src="js/index.js"></script>

注意：写在外部文件中可以在不同的页面同时引用，也可以利用到浏览器的缓存机制，因此推荐使用。

6、JavaScript 补充
Script标签一旦用于引入外部文件了，就不能在编写代码了，及时编写了浏览器也会忽略，如果需要则可以再创建一个新的Script标签用于编写内部代码。

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2