一、JavaScript是什么?
JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言 。
1.主要的功能:
嵌入动态文本于HTML页面。
对浏览器事件做出响应。
读写HTML元素。
在数据被提交到服务器之前验证数据。
检测访客的浏览器信息。控制cookies,包括创建和修改等。
基于Node.js技术进行服务器端编程
2.语言的组成:
ECMAScript,描述了该语言的语法和基本对象。
文档对象模型(DOM),描述处理网页内容的方法和接口。
浏览器对象模型(BOM),描述与浏览器进行交互的方法和接口。
二、JS基础内容
1.js基础——hello world
代码如下(示例):
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <!-- js代码需要编写在scrpit标签内 --> <script> // 控制浏览器弹出警告框 alert("这是我的第一行js代码!"); // 让计算机在页面输出内容 document.write("Hello World!!!"); // 向控制台输出内容 console.log("你猜猜我在哪呢!!!"); // alert("这是一个弹窗!!"); // document.write("这是一个文本内容!!"); // console.log("这是控制台输出内容"); </script> </head> <body> </body> </html>
2.js基础——js编写的位置
js有三种编写位置的方式
第一种:直接在标签内部使用
第二种:在script标签内使用
第三种:在外部js文件中编写,通过script标签引入(推荐使用)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>js编写位置</title> <!-- 可以将js代码编写到外部js文件中,然后通过script标签引入 写到外部文件中可以在不同页面同时使用,也可以利用浏览器缓存机制 推荐使用 --> <!-- script标签一旦引入外部文件了,就不能在此标签内写代码了,即使编写也不会被编译 如果需要则可以在创建一个新的script标签用于编写内部代码 --> <script src="./js/scrpit.js"></script> <!-- 可以将代码编写到script标签内 <script> alert("我是script标签内的js代码") </script> --> </head> <body> <!-- 可以将js代码写在标签的onclick属性中 当我们点击按钮时,js代码才会执行 --> <button onclick="alert('讨厌,你点我干嘛!!!')">点我一下</button> <!-- 可以将js代码写在超链接的href属性中,当点击超链接时,会执行js代码 --> <a href="javascript:alert('让你点你就点')">你也点我一下</a> <a href="javascript:">你也点我一下</a> </body> </html>