js学习笔记

JavaScript 是什么

JavaScript:增加行为，为网页添加动态效果

1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)

2.实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等)

JavaScript 是一种动态类型、弱类型、基于原型的直译式脚本语言，也是使用频率最高的给 HTML 网页增加动态功能的语言。外行最常闹的笑话是以为它是 Java 语言的分支。
 
JavaScript 的优势

作为脚本语言，JavaScript 可立即运行而无需等待服务器响应，速度非常出色。JavaScript 是动态类型语言，学习难度低。并且掌握了 JavaScript 语言就等于成为能同时开发网页（HTML5）、后台（Node.js）、移动端（React Native、Weex）的全栈工程师。
JavaScript 的不足

代码在用户电脑上运行，可能会被别有用心的坏人利用。JavaScript 过于依赖浏览器，在不同的浏览器上有不同的表现。

JavaScript的语法

定义变量：var +变量名（1.变量必须使用字母、下划线(_)或者美元符($)开始。2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。3.不能使用JavaScript关键词与JavaScript保留字。）

如何定义函数：function 函数名()
                            {
                                 函数代码;                    【 function定义函数的关键字。】
                           }
如何定义数组：var myarray=new Array();

                        数组指定长度：var myarray= new Array(8); //创建数组，存储8个数据。

                       注意：
                     1.创建的新数组是空数组，没有值，如输出，则显示undefined。
                      2.虽然创建数组时，指定了长度，但实际上数组都是变长的，也就是说即使指定了长度为8，仍然可以将元素存储在规定长度以外。

                     赋值三种方式：

                       01. var num=('1','2,')

                       02. var num=new array(2) num[0]=1;num[1]=2;

                       03.var num=['1','2']

字符串的常用方法：

                         toString();返回字符串

                         toLowerCasee()；把字符串装换为小写。

                         toUpperCase();把字符串转换成大写

                         charAt(index);返回在指定位置的字符串

                         indexOf(str,index);查找某个指定的字符串在字符串中首次出现的位置

                         Substring(index,index);返回位于指定索引index1和index2之间的字符串（包括index1不包括index2）

                         Split(str);将字符串分割为字符数组

常用互动

输出内容：document.write()
                            第一种:输出内容用“”括起，直接输出""号内的内容。

                         <script type="text/javascript">
                          document.write("I love JavaScript！"); //内容用""括起来，""里的内容直接输出。
                          </script>

                      第二种:通过变量，输出内容

                      <script type="text/javascript">
                      var mystr="hello world!";

                      document.write(mystr);  //直接写变量名，输出变量存储的内容。
                      </script>

                     第三种:输出多项内容，内容之间用+号连接。

                    <script type="text/javascript">
                      var mystr="hello";
                     document.write(mystr+"I love JavaScript"); //多项内容之间用+号连接
                     </script>

                    第四种:输出HTML标签，并起作用，标签使用“”括起来。

                      <script type="text/javascript">
                      var mystr="hello";
                      document.write(mystr+"<br>");//输出hello后，输出一个换行符              br 换行符
                     document.write("JavaScript");

                      </script>
警告（alert消息对话框)：

                                         alert(字符串或变量); 

                                       1. 在点击对话框"确定"按钮前，不能进行任何其它操作。

                                       2. 消息对话框通常可以用于调试程序。

                                       3. alert输出内容，可以是字符串或变量，与document.write 相似。
确认（confirm 消息对话框）：

                                  语法:confirm(str);
                                    str：在消息对话框中要显示的文本
                                    返回值: Boolean值

                                     返回值:
                                        当用户点击"确定"按钮时，返回true
                                        当用户点击"取消"按钮时，返回false

                                        注: 通过返回值可以判断用户点击了什么按钮
提问（prompt 消息对话框）
                          语法:prompt(str1, str2);

                           参数说明：

                           str1: 要显示在消息对话框中的文本，不可修改
                           str2：文本框中的内容，可以修改

                           返回值:

                           1. 点击确定按钮，文本框中的内容将作为函数返回值
                           2. 点击取消按钮，将返回null
打开新窗口（window.open）
                        语法：window.open([URL], [窗口名称], [参数字符串])
                       参数说明:
                       URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。
                        窗口名称：可选参数，被打开窗口的名称。
                             1.该名称由字母、数字和下划线字符组成。
                             2."_top"、"_blank"、"_selft"具有特殊意义的名称。
                                    _blank：在新窗口显示目标网页
                                    _self：在当前窗口显示目标网页
                                    _top：框架网页中在上部窗口中显示目标网页
                            3.相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。
                            4.name 不能包含有空格。
                       参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。
关闭窗口（window.close）
                                          window.close();   //关闭本窗口

                                           或

                                          <窗口对象>.close();   //关闭指定的窗口