JavaScript基础

JavaScript基础

JavaScript基础

1,JavaScript概念

  • JavaScript 是一种轻量级的编程语言。

  • JavaScript 是可插入 HTML 页面的编程代码。

  • JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

  • HTML里面写js,要写到<script>标签中间

  • javaScript组成

核心(ECMAScript)

文档对象模型(DOM)

浏览器对象模型(BOM)

2,JavaScript的发展历史

Ecma国际(前身为欧洲计算机制造商协会)通过ECMA-262标准化的脚本程序设计语言。这种语言在 万维网上应用广泛,它往往被称为JavaScript或JScript,

ECMAScript5 ES5 2009年12月发布

ECMAScript6 ES6 (ES2015) 2015年6月17日发布。

JavaScript的组成:

  • 核心(ECMAScript)

  • 文档对象模型(DOM)

  • 浏览器对象模型(BOM)

3,java和JavaScript的区别

Java,全称应该是 Java Applet,是嵌在网页中,而又有自己独立的运行窗口的小程序。 ? Java Applet 是预先编译好的,一个Applet 文件(.class)用 Notepad 打开阅读,根本不能理解。 Java Applet 的功能很强大,可以访问 http、ftp等协议。

相比之下,JavaScript 的能力就比较小了。

JavaScript 是一种“脚本”(“Script”),它直接把代码 写到 HTML文档中,浏览器读取它们的时候才进行编译、执行,所以能查看 HTML 源文件就能查看 javaScript 源代码。JavaScript 没有独立的运行窗口,浏览器当前窗口就是它的运行窗口。

4,JavaScript的作用

  • 嵌入动态文本于HTML页面。

  • 对浏览器事件做出响应。

  • 读写HTML元素。

  • 在数据被提交到服务器之前验证数据。

  • 与服务端交互(ajax),页面动态效果, 表单验证。

5,网页上使用js的三种方式

(1) 第一种:内联式(代码直接写入html标签内)

点击这里 (onclick为单击事件)

(2)外联式(代码写入<script>标签内)

嵌入到HTML中:直接在HTML文件中编写

                     <script type="text/javascript">

alert("Hello World");

</script>

(3)外链式(代码写入单独的js文件内)

需要定义一个单独的JS文件:(注意:必须是完整标签)

                              <script src="js文件位置" type="text/javascript"> </script>

6,JavaScript在网页中的编写位置

1,写在<head>标签内

                    <script></script>

</head>

2,和<body>结束之前

                          <script>console.info( document.body); </script>

</body>

注:在于注重性能的公司,他们会用后者,网页是从上一行一行往面读的, 直接先调用js会有一个缓冲的时间,html部分是前台的,js部分是后台的。

JavaScript的几个输出语句

console.info("一般信息");

alert(“验证信息”);

confirm(“有确认按钮”);

document.write(”显示在网页上”);

7,JavaScript的基本语法

JavaScript的变量声明:

赋值语句:var。

语法如下: var 变量名称 [=初始值]

例:var num= 32 //定义num是一个变量,且有初值为32

var num=0;

var str=”abc”;

var b=true;

console.info();

也可以先声明再赋值。

String类型的时候一定要用引号引起都可以(单双都可以)。

JavaScript变量命名:

String类型的时候一定要用引号引起都可以(单双都可以)

变量必须以字母开头

变量也能以 $ 和 _ 符号开头

变量名称对大小写敏感,不能是关键字。