zoukankan      html  css  js  c++  java
  • 【js总结】

    一、js的引入方式:

    内联方式:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    	</head>
    	<body>
    		<script type="text/javascript">
    //			在body中直接写是内联的方式
    		</script>
    	</body>
    </html>

    内部方式:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    	</head>
    	<body>
    		
    	<script src="js/fenzuang.js"></script> 
    	<!--在body闭合标签前引入写好的js叫内部方式-->
    	</body>
    </html>

    外部方式:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<script type="text/javascript"></script>
    		<!--在head闭合标签上引入方式叫外部引入方式-->
    	</head>
    	<body>
    		
    	</body>
    </html>

     二、js中的输出方式:

    1、alert()                         (弹出框)

    2、promt()                       (提示框)

    3、confirm()                     (确认框

    2、document.write()        (一种直接显示的输出方式)

    三、js中的五种基本数据类型:

    1、number       数值型

    2、string         字符串

    3、boolean      布尔型

    4、null            空

    5、undefined   未定义的

    特殊类型:object(对象)

    四、变量命名规范:

    1、严格区分大小写、允许包含字母、数字、美元符号($)和下划线,但第一个字符不允许是数字,不允许包含空格和特殊符号,不能是中文.

    2、驼峰式命名

    3、语义化(命名含义明确)

    4、重名会产生覆盖

    5、禁止使用JavaScript关键词、保留字全名

    五、typeof:判断数据类型:

    var a alert(typeof a ) 类型为未定义的类型

    a=null alert(typeof a) 类型为对象;

    a=0 alert(typeof a) 类型为number; 

    凡是带引号的类型都是字符串;

    当a=0,NaN, '',false,null;时if(a){alert(真)}else{alert(假)};

    数值型+undefined=NaN; 数值型+null=数值; (boolean布尔) true+2=3 fales+2=2

     六、js获取并更改内容的方式:

    function doc(){

    1 获取ID              var doc=document.getElementById("doc");

    2 获取class          var doc=document.getElementsByClassName("doc");

    3 获取直接的名字  var doc=document.getElementsByName("doc");

    4 获取标签           var doc=document.getElementsByTagName("div");

    doc[0].innerHTML="xxx";

    document.write("重汇")【重汇】 里面写可以跳出一个新的内容;

    }

    document.write("重汇") 【重汇】 外面写的话不会跳 只会出现;

    七、js中的类型转换:

    1、parseInt         将值转换为整型

    2、parseFloat      将值转化为浮点型

    3、string            将值转换为字符串

    4、number          将值转换为数字(整型或浮点型)

    5、boolean         将值转化为布尔类型

    八、运算符

    算数运算符

     + - * / %(余) 

    逻辑运算符

    || (逻辑或):只有前后都是false的时候才返回false,否则返回true。

    && 逻辑与):只有前后都是true的时候才返回true,否则返回false。

    !(逻辑非):取逻辑反面

    三元运算符

    a>b?alert(1):alert(2)条件表达式? 表达式1:表达式2

    比较运算符

     == ,===,>,<,>=,<=,!=

    字符连接符

    +

    赋值运算符
    1、= 赋值

    2、“+=”先加后等。如:a += 10  //展开后  a = a + 10

    3、“-=”先减后等。如:a -= 10   //展开后  a = a - 10

    4、 “*=”先乘后等。如:a *= 10  //展开后  a = a * 10

    5、“/=”先除后等。如:a /= 10   //展开后  a = a / 10

     九、流程控制:

    1、条件语句

    if(exp)执行一句代码

    if(exp){执行代码段;}

    if(exp){exp为true执行代码段}else{exp为false执行代码段;}

    if...elseif...

    switch...case

    if嵌套

    2、循环语句

    for循环

    while语句循环

    do..while循环语句

    3、特殊循环控制

    break         终止循环

    continue     跳过单次循环,进入下次循环

    十、函数:

    1、定义:完成某一功能代码段、方便代码维护、可以重复利用

    2、需注意:   不能包括特殊字符

                        最好驼峰式写法

            不能重复否则会产生覆盖

                        可以有参数也可以没有参数

                        函数通过return返回,如果没有return那么将自动返回undefined

    十一、测试编码URI的函数

    encodeURI 空格转特殊符号.

    decodeURI 全部解析.

    encodeURiComponent 所以字符转换特殊符号

    decodeURiComponent 全部解析.

  • 相关阅读:
    @XmlAccessorType @XmlType 详解
    eclipse properties 文件查看和编辑插件 Properties Editor
    对象设计解耦的方法IOC和DI
    J2EE7与Servlet3.x
    关于maven
    Spring版本功能变更&Spring4.x的新特性
    2017第37周三
    Java线程池
    Java并发包
    Java内部类
  • 原文地址:https://www.cnblogs.com/FFPING/p/8228078.html
Copyright © 2011-2022 走看看