码迷,mamicode.com
首页 > 编程语言 > 详细

【15】JavaScript

时间:2016-08-19 23:59:51      阅读:382      评论:0      收藏:0      [点我收藏+]

标签:

JavaScript

一种编程语言,由浏览器编译并运行

一、js存在形式

  • js文件中
  • html当前代码块中

放置位置:body标签底部,先显示页面内容,再加载js效果,防止加载js效果时间过长影响页面展示。

二、js变量

局部变量:var a = 123;

全局变量:a = 123; *****

PS应用方法:变量先设置为局部变量,需要全局变量时单独设置

<script>
// 定义函数 function f1(){ var i = 123; // 局部变量 i = 123; // 全局变量 } f1(); alert(i); </script>

三、js数据类型

原始类型:  数字、字符串、布尔值

对象类型:  数组、字典

1.数字(Number)

转换:

parseInt():   将某值转换成数字,不成功则NaN

parseFloat()  将某值转换成浮点数,不成功则NaN

2.字符串(String)

跑马灯

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <div id="i1" style="display: inline-block; background-color: green; color: white;">欢迎国家领导人莅临指导 </div>

    <script>

        // 每秒执行1次f1函数
        setInterval("f1()", 1000);

        // 定义函数
        function f1(){
            // js获取某一个标签 id=i1
            var tag = document.getElementById(‘i1‘);
            // 获取标签的内容
            var text = tag.innerText;
            // 获取第一个字
            var a = text.charAt(0);
            // 获取剩余的字
            var sub = text.substring(1, text.length);
            // 拼接字符串
            var new_str = sub + a;
            // 重新赋值
            tag.innerText = new_str;
        }
    </script>

</body>
</html>

3.布尔

== 等于,比较值

=== 等于,比较类型及值

!=    不等于

!== 不等于,比较类型及值

&& 且

|| 或

4.数组

obj.splice(start, deleteCount, value, ...) 插入、删除或替换数组的元素

obj.join(sep)

       Python

       JavaScript: li.join"_"

四、其他

1.JSON序列化

  • JSON.stringify(obj)    序列化
  • JSON.parse(str)   反序列华

2. 转义

  • decodeURI( )                   URl中未转义的字符
  • decodeURIComponent( )   URI组件中的未转义字符
  • encodeURI( )                   URI中的转义字符
  • encodeURIComponent( )   转义URI组件中的字符
  • escape( )                         对字符串转义
  • unescape( )                     给转义字符串解码
  • URIError                         由URl的编码和解码方法抛出

五、语句和异常

1.条件语句

if

switch

2.循环语句

方式一:for

var li = [11,22,33,44];
// 第一种for
for (var i = 0; i < 4;i++){
    console.log(i, li[i]);
}

 

方式二:for 可以处理字典

 var li = [11,22,33,44];

 // 第二种for,索引,可以处理字典
 for(var item in li){
     console.log(item,li[item])
 }

 

方式三:while

3.异常处理

try{}

catch(e){}

finally{}

主动抛出异常:throw new Error(‘xxxxx‘)   

Python抛出异常:raise Exception(xxxxx)

六、函数

1.基本函数

普通函数

function func(arg){
     return true;
}

匿名函数

function(arg){
     return "tony";
};

自执行函数

(function(arg)){
     alert(arg);
}(123)

# 用于作封装

 2.JavaScript作用域

  • JavaScript中无块级作用域
  • JavaScript采用函数作用域
  • JavaScript的作用域链
  • JavaScript的作用域链执行之前已创建

【15】JavaScript

标签:

原文地址:http://www.cnblogs.com/liangdalong/p/5789334.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!