【15】JavaScript

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的作用域链执行之前已创建
时间: 2024-10-28 23:07:30

【15】JavaScript的相关文章

【15】ES6 for Humans: The Latest Standard of JavaScript: ES2015 and Beyond

[15]ES6 for Humans 共148页: 目前看到:已经全部阅读. 亚马逊地址: 魔芋:总结: 我先看的是阮一峰的在线书籍.这本书的内容很多都与之重复的. 居然卖¥463.也是没谁了. 都是基本概念.加一些实例代码.并没有太过深入的内容. PS:电子书放网盘了. 推荐指数:2颗星. 目录: 1. Getting Started with ES6 2. New Syntax in ES6 3. Destructuring 4. Classes in ES6 5. Modules 6. S

【JavaScript】【算法】JavaScript版排序算法

JavaScript版排序算法:冒泡排序.快速排序.插入排序.希尔排序(小数据时,希尔排序会比快排快哦) 1 //排序算法 2 window.onload = function(){ 3 var array = [0,1,2,44,4, 4 324,5,65,6,6, 5 34,4,5,6,2, 6 43,5,6,62,43, 7 5,1,4,51,56, 8 76,7,7,2,1, 9 45,4,6,7,8]; 10 //var array = [4,2,5,1,0,3]; 11 array

【转】Javascript原生Ajax请求

什么是 ajaxajax 即“Asynchronous JavaScript and XML”(异步 JavaScript 和 XML),也就是无刷新数据读取. http 请求 首先需要了解 http 请求的方法(GET 和 POST). GET 用于获取数据.GET 是在 URL 中传递数据,它的安全性低,容量低. POST 用于上传数据.POST 安全性一般,容量几乎无限. ajax 请求 ajax 请求一般分成 4 个步骤. 1.创建 ajax 对象 在创建对象时,有兼容问题: var o

【译】JavaScript 开发者年度调查报告

截至目前有超过了 5000 人参与了(该次调查),准确的说是 5350 人.我迫不及待的想要和大家分享一下这次调查的细节.在分享之前我想要感谢参与调查的每一个人.这是 JavaScript 社区一个伟大的时刻,我对未来的事情感到无比激动. 我没有想到大家如此积极,下一次我一定会对版式做一些改进.换句话说,就是我会先将问卷调查放到Github 上,以便于在开始调查之前,社区有一到两周的时间来收集改进问题和选项.这样,我就可以得到更精确的结果,也可以避免出现诸如 "我很震惊你竟然没有包含 Emacs

企业IT管理员IE11升级指南【15】—— 代理自动配置脚本

企业IT管理员IE11升级指南 系列: [1]—— Internet Explorer 11增强保护模式 (EPM) 介绍 [2]—— Internet Explorer 11 对Adobe Flash的支持 [3]—— IE11 新的GPO设置 [4]—— IE企业模式介绍 [5]—— 不跟踪(DNT)例外 [6]—— Internet Explorer 11面向IT专业人员的常见问题 [7]—— Win7和Win8.1上的IE11功能对比 [8]—— Win7 IE8和Win7 IE11对比

【图解】javaScript组成结构

[图解]javaScript组成结构,布布扣,bubuko.com

【斗医】【15】Web应用开发50天 之 易用性问题

在介绍HTML富文本使用之前,先解决几个易用性的问题 1.在chrome浏览器中textarea高度自适应存在问题:当输入任何一个字符时textarea高度都会增加 解决办法: (1)在challenge.js中定义autoAdaptHeight()方法,内容如下: /** * textarea高度自适应 */ function autoAdaptHeight(component){ var paddingTop = parseInt($(component).css("padding-top&

【转】javascript弹出固定大小的窗口页面

来源:http://weicfprince.blog.163.com/blog/static/8441066920081010113231969/ 现在我们想弹出一个WEB窗体,让其处于屏幕的中间位置,并设置其固定大小,固定外观显示.我们可以在一个JS文件中写这样一个函数: //弹出固定大小固定位置固定外观的新窗口 function OpenWindow(url,w,h) { var left=Math.round((window.screen.availWidth-w)/2); var top

【转】JavaScript中的对象复制(Object Clone)

JavaScript中并没有直接提供对象复制(Object Clone)的方法.因此下面的代码中改变对象b的时候,也就改变了对象a. a = {k1:1, k2:2, k3:3}; b = a; b.k2 = 4; 如果只想改变b而保持a不变,就需要对对象a进行复制. 用jQuery进行对象复制 在可以使用jQuery的情况下,jQuery自带的extend方法可以用来实现对象的复制. a = {k1:1, k2:2, k3:3}; b = {}; $.extend(b,a); 自定义clone