Javascript基础知识


1.如何使用JavaScript


(1).通过<script></script>中直接编写

(2).通过<script src='目标文档的URL'></script>链接外部的Js文件

① <script  src="URL" type="text/javascript" charset="utf-8"></script>

(3).作为某个元素的事件属性值或者是超链接的href属性值

① <p world')">onclick</p>

② <a href="javascript:confirm('这是一个弹窗')；">href</a>

        ③<a href="#" )">执行func函数</a>    



2.代码屏蔽

（1）

        <script type='text/javascript'>

    <!--

              Js代码;

                       //-->

        </script>

（2）如果浏览器不支持Js，可以使用<noscript></noscript>标签，显示noscript中的内容

    <noscript>

        你的浏览器不支持javascript代码，请更换浏览器！

    </noscript>




3.JavaScript的基本知识点


（1）JavaScript的执行顺序：按照在HTML文件中出现的顺序依次执行

（2）大小写敏感：JavaScript严格区分大小写

（3）忽略空白符和换行符

（4）语句分隔符 ：

        ①.使用;结束语句

        ②.可以把多个语句写在一行

        ③.最后一个语句的分号可以省略，但尽量不要省略

        ④.可以使用{}括成一个语句组，形成一个块block

（5）通过\对代码进行折行操作

        document.write(' hello\

                                    world');

（6）注释

        ①.单行注释//

        ②.多行注释/*注释内容*/

（7）JavaScript的保留字:就是说变量命名时不要以下面的重复：

        （1）JavaScript基础知识_JavaScript


（8）通过document.write()向文档书写内容

（9）通过console.log()向控制台写入内容

（10）JavaScript中的错误

        ①.语法错误：通过控制台进行调试

        ②逻辑错误：通过alert()进行调试


注：

1、js脚本一般放在body中的最后，也是为了防止一个页面在加载时，先一直在加载js，导致一种让人觉得慢的错觉

2、全局变量，已经需要先载入的文档，js要放在前面

3、每行代码后面最好要加;



4.变量


（1）、变量分类

    ①.局部变量：

        var x = "字符串";

        var x = 2;

    ②.全局变量：

        x = "字符串";

        y = 3;

<script>
	x = 3;
	function myFunction()
	{
		var x = 5;   //这是局部变量只在函数myFunction内生效

	}
	myFunction(); //执行函数
	alert(x);     //弹窗
</script>


（2）、声明变量

    通过var关键字声明变量

    可以声明变量的同时给变量赋值

    可以一次声明一个变量也可以一次声明多个看变量

    如果只声明变量未对其赋值，默认值为undefined

    如果变量重名产生覆盖

    注意

    变量严格区分大小写

    变量名称不要包含特殊字符

    变量名称最好遵循驼峰标记法或者下划线法

    变量名称最好含义明确




5.原始数据类型


（1）数值型

     ①十进制数

         12

         1.2

         -23

         .222e33

         -1.3e3

         3.E-2

         12e+20

     ②十六进制

         0x0

         0XABCDEF

         0x1a2b3c4d

     ③八进制数

         00

         0123

         0241234

        

（2）特殊值

     ①.Infinity无穷大

         正：1.79e309

         负：-1.79e309

     ②.NaN ：0/0

                  ③可以通过isNaN()检测值是否为NaN


（3）字符串型

     ①定界符

                        ""|''

     ②转义符

         \n->回车换行

         \r->换行

         \t->水平制表符

         \"->"

         \'->'

（4）布尔类型：  

                true|false

（5）特殊数据类型

                   ①.无定义数据类型undefined：用来表示不存在的值或者尚未赋值的变量    

                   ②.空值null：null表示空值，表示什么都没有，相当于一个占位符。


注：

null和undefined的区别就是undefined表示变量未被赋值，而null表示变量被赋予了一个空值。



6.数据类型间转换


（1）隐形转换：

    1.转换成布尔类型假：

                        ①.undefined:默认为false

            ②.null：默认为false

      ③.数值型0或0.0或NaN：默认为false

      ④.字符串长度为0(空字符串)：默认为false

      ⑤.其它对象：默认为true


主要是用在if判断上：

<script>
        //undefined：默认为false
        //var a = undefined;
        var a;

        if(a){
            alert('真')
        }
        else {
            alert('假')
        }
</script>

注：0/0:默认为NaN




（2）显示转换：

    1、转换为布尔值：通过Boolean函数强制转换成布尔值

       ①.0、-0、0.0  -->false

       ②.NaN -->false

       ③.空字符串 -->false

       ④.undefined -->false

       ⑤.null -->false

    


                2、转换成数值

     （1）.Number函数强制转换成数值

         ①.数值->转换成原来的值

         ②.字符串->如果可以解析为数值，则转换成数值；否则转换成NaN或者0

         ③.true->1,false->0

         ④.undefined->NaN

         ⑤.null->0

        

      （2）转换成整型：parseInt()

      （3）转换成浮点型：parseFloat()

        

注：Number函数将字符串转换为数值比praseInt函数严格很多。基本上只要有一个字符无法转换成数值，整个字符串就会被转换成NaN