js | 易学教程

JavaScript(JS)是一种解释性的、事件驱动的、面向对象的、安全的和与平台无关的脚本语言，是动态HTML（也称为DHTML)技术的重要组成部分，广泛用于动态网页的开发。

JavaScript的实例
JavaScript脚本程序是嵌入或者外部引入在页面中的，通过一个

<script type="text/javascript"[src="外部 js 文件"】>
...
</script>

语法说明：
1、script为脚本标记，它必须以结束，用于界定程序开始的位置和结束的位置。在一个页面内可以放置任意数量的

1.<！--程序 10-1-->
2.<html>
3.<head><title></title></head>
4.<body>
5.   <script type="text/javascript">
6.      document.write("欢迎进入Javascript学习之旅!");
7.   </script>
8.</body>
9.</html>

在10-1的程序中，5~7行的代码之前没有出现过，具体的代码在第六行，document. write字段是标准的JavaScript命令，用来向页面写入输出，这行代码被包括在用就可以告诉浏览器javascript程序是从何处开始，到何处结束。如果没有这个标签，浏览器就会把document. write(“欢迎进入Javascript学习之旅!”)当成是纯文本来处理。也就是说会把这条命令本身写道页面上。
2、通过事件触发被调用的Javascript程序
程序10-2是另外一种类型的程序，它会在页面加载后弹出一个对话框：

1.<！--程序 10-1-->
2.<html>
3.<head><title></title>
4.   <script type="text/javascript">
5.   function show(){
6.     alert("欢迎进入javascript学习之旅！");
7. }
8.   </script>
9.</head>
10.<body οnlοad="show()">
11.</body>
12.</html>

————————————————
版权声明：本文为CSDN博主「XUYIGE」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/XUYIGE/article/details/103292630
除了JavaScript代码依然被包含在

JavaScript的放置
1、位于head部分的脚本
如果把脚本放置到head部分，在页面载入的时候同时载入了代码，在区调用时就不需要载入代码了。通常，这个区域的JavaScript代码是为body区域程序代码所调用的事件处理函数或一些全局变量的声明。
2、位于body部分的脚本
放置于body中的脚本通常是一些在页面载入时需要同时执行的脚本，这些代码执行后的输出成为页面的内容，在浏览器中可以即时看到。
一般的JavaScript代码放在之间和之间从执行结果来看是没有区别的，但有如下规则：
（1）当JavaScript要在页面加载过程中动态建立一些web页面的内容时，应将JavaScript放在body中合适。
（2）定义为函数并用于页面事件的JavaScript代码应放在head标记中，因为他会在body之前加载。
3、直接位于事件处理部分的代码中
例如：

<html>
<title></title>
<body οnlοad='alert(“欢迎进入javascript学习之旅！”)；'>
</body>
</html>

4、位于网页之外的单独脚本文件
如果页面中包含大量的JavaScript代码，将不方便页面的维护，或者同样的代码可能在很多页面中都需要，为了达到共享的目的，就可以把一些JavaScript代码放到一个单独的文本文件中，然后以”.js"为扩展名保存这个文件，当页面中需要这个js文件中的JavaScript代码时，通过指定script标签的src属性就可以使用外部的JavaScript文件中包含的代码。
在使用这种方式加载外部文件形式的JavaScript代码时需要注意以下几点：
（1）外部的JavaScript程序文件中并不需要使用标签。
（3）当src属性指定外部文件所在的位置时，默认是在页面所在的目录下。

变量
变量分为值类型和引用类型，变量的关键字是“var” 命名用驼峰命名法。
在js中是严格区分大小写的
变量的数据类型：
number（数字类型）、string（字符串类型）、Boolean（布尔型）array（数组）、null（空）、undefined（未定义类型）、object（对象类型）
声明变量：可以一次声明一个变量，也可以一次声明多个变量。在使用变量之前先初始化（赋值）。

var a；
var b，c；
var m=10；
var j=10，k=“ab”；

变量的提前声明（声明提前）：

console.log（n）；
var n=10；

检测变量的数据类型：使用typeof

var a=10;
var b="a";
var c=null;
var d=true;
var e=undefined;
var f={};
var g=function(){
}

console.log(typeof a); //number
console.log(typeof b); //string
console.log(typeof c); //object
console.log(typeof d); //boolean
console.log(typeof e); //undefined
console.log(typeof f); //object
console.log(typeof g); //function

array （数组）object（对象） function（函数）是引用类型，其他的都是值类型。
根据作用域分为全局变量和局部变量。

JS函数
函数关键字：function
1、常规定义方式：(常规函数也会声明提前）
function 函数名称(){}
声明函数：
function method(){
}
函数的执行：函数名称();
method();
常规函数的提前声明：

method();
function method(){
}

带返回值的函数 return

console.log(method());
function method(){
return"您好"; //返回的数据类型不定
}

带参函数：实参形参

console.log(method(1,2,3));
function method(a,b,c){
      return a+b+c;
  }

method(1,2,3);
function method(){
     console.log(arguments[0]);
     console.log(arguments[1]);
     console.log(arguments[2]);
     console.log(arguments. length);
}

2、匿名函数（不带名称的函数）

var method=function(){
}
method();

3、自执行函数（匿名自动执行)

(function(1,2,3){
console.log(a,b,c);
})();

dom 元素的事件
- 事件都哪几类：
- 鼠标事件
- mousedown mouseup mouseover mousemove mouseleave mouseout mouseenter
- 键盘事件
- keydown keyup keypress
- 表单事件
- blur focus change
- 浏览器事件
- load error resize
- 触屏事件
- touchstart touchmove touchend
- js的事件在使用的时候要带on
- 1.dom元素直接绑定事件在元素亨内直接添加事件行内同类型事件只能绑定一次
- 2.直接动态绑定事件（获取dom 在绑定事件）
- 3.事件的监听

来源：CSDN

作者：weixin_42575793

链接：https://blog.csdn.net/weixin_42575793/article/details/103605875

标签

js代码

javascript

函数声明

typeof

变量