JavaScript基本知识

    xiaoxiao2021-11-13  79

    关于:JavaScript: 一,JavaScript     1,    简介:基于对象和事件驱动的语言,应用于客户端(浏览器)         特点:交互性,安全性,跨平台性         java和JavaScript的区别(雷锋和雷峰塔)         JavaScript 的组成:             1)ECMAScript:由ECMA组织制定语句,语法             2)BOM:browser object model  浏览器对象模型             3)DOM: document object model 文档对象模型     2,js和html的结合方式:两种         第一种:使用html中的标签<script type="text/javascript">js代码</script>             <script type="text/javascript">                 alert("asd");             </script>         第二种:使用html的标签,引入外部js文件             <script type="text/javascript" src="js文件路径"></script>             使用第二种时要注意两点:                 1)使用第二种时,不要再在script标签里面写js代码了,写了也不执行                 2)使用第二种时,结束script标签为<script>,不能在标签内结束                 <script type="text/javascript" src="js文件路径">                     //这里面是不能再写代码,写了也不执行                 </script>     3,js的变量声明和数据类型         1)声明变量都用一个关键字var         2)js的原始类型             第一种,string:字符串类型             第二种,number:数字类型             第三种,boolean:布尔类型 false true             第四种,null: 表示对象引用为空             第五种,undefined;声明不赋值         3)typeof:查看当前变量的类型     4,js的引用类型和类型转换             引用对象:                 Object 对象:所有对象都由这个对象继承而来                 Boolean 对象;Boolean原始类型的引用类型                 Number 对象;Number 原始类型的引用类型             类型转换                 转换成字符串                 转换成数字:parseInt()和parseFloat()                 强制类型转换                 Boolean(value) - 把给定的值转换成 Boolean 型;                 Number(value) - 把给定的值转换成数字(可以是整数或浮点数);                 String(value) - 把给定的值转换成字符串;     5,js的语句         1)if语句         2)swith语句         3)for循环语句         4)while循环语句         5)使用document.write()向页面输出内容             可以向页面输出变量,也可以向页面输出html代码                 document.write(i);                 document.write("<hr/>");     6,99乘法表         经典案列;         方法一:             <script type="text/javascript">                 document.write("<table border='1' bordercolor='red' width='500'>");                 for(var i=1;i<=9;i++){                     document.write("<tr>");                     for(var j=1;j<=i;j++){                         document.write("<td>");                         document.write(j+"*"+i+"="+i*j);                         document.write("</td>");                     }                     document.write("</tr>");                 }                 document.write("</table>");             </script>         方法二:             <script type="text/javascript">                 var arr=new Array();                 arr.push("<table border='1' bordercolor='red' width='1000'>");                 var num=9;                 for(var i=9;i>=1;i--){                     arr.push("<tr>");                     for(var j=num;j>=1;j--){                         arr.push("<th align='left'>");                         arr.push(num+"*"+j+"="+num*j);                         arr.push("</th>");                     }                     num--;                     arr.push("</tr>");                 }                 arr.push("</table>");                 var aa=arr.join(" ");                 document.write(aa);             </script>     7,js的运算符         和java里面的一样         var b="10";         document.write(b+1);//字符串的拼接         document.write(b-1);//正真相减的运算                  var c="a";(不能相减)         document.write(c-1);//NaN                  var a=true;         document.write(a+1);//结果是2 true的时候当成1来运算         var aa=false;         document.wrtie();                  ==和===的区别             ==比较的是值             ===比较的是值和类型                  8,js的数组             js数组定义方式:             第一种: var arr1=[];             第二种: var arr2=["asd",21,true];             第三种: var arr3=new Array(3);                     数组长度为3,还可以继续添加,没意义             第四种; var arr4=new Array();             第五种; var arr5=new Array(1,2,3);                     里面有多个数字,就表示里面的值1 2 3             for(var i=0;i<arr.length;i++){                 var a=arr[i];                 document.write(a);             }     9,js的string对象             1)字符串对象                 var a="abc"             2)属性 length字符串的长度             3)方法                 bold()  使用粗体显示字符串                 fontcolor()        使用指定的颜色来显示字符串                 fontsize()        使用指定的尺寸来显示字符串                 link()         将字符串显示为链接                 charAt() 返回在指定位置的字符。 如果位置不存在字符,返回空字符串""                 concat() 连接字符串                 indexOf() 检索字符串,得到检索的字符的位置,如果没有找到返回-1                 split() 把字符串分割为字符串数组                 substr() 从起始索引号提取字符串中指定数目的字符。                          第一个参数表示从哪个位置开始,第二个参数表示向后取几个位置的值                 substring() 提取字符串中两个指定的索引号之间的字符                          第一个参数表示从哪个位置开始,第二个参数到哪个位置结束(不包含这个位置)     10,js的Array对象             1)属性                 length长度             2)方法                 concat():连接数组                 join():把数组根据指定字符进行分割                 pop() 删除并返回数组的最后一个元素                 push() 向数组的末尾添加元素,并返回新的长度     11,js的bom对象         setInterval("执行的js代码",毫秒数) 在指定的时间内,重复执行js代码             有两个参数             第一个参数要执行的js代码(js的方法),第二个参数是时间(毫秒数)             代码         setInterval("alert('setinterval');",3000);         setTimeout("执行的js代码",毫秒数) 在指定的时间之后,执行js代码,执行一次             有两个参数             第一个参数要执行js代码(js的方法),第二个参数是时间(毫秒数)             代码             setTimeout("alert('settimeout');",3000);          clearInterval(id) 取消由 setInterval() 设置的 timeout。         

             clearTimeout(id) 取消由setTimeout() 方法设置的 timeout。

    转载请注明原文地址: https://ju.6miu.com/read-678262.html

    最新回复(0)