js复习

最新推荐文章于 2024-08-17 21:31:15 发布
最新推荐文章于 2024-08-17 21:31:15 发布
阅读量74 收藏
点赞数
分类专栏： js 文章标签： xhtml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/beautiful0101/article/details/84281330
版权

今天对js进行了小小的复习，以下为顺手敲的小例子。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<script>
//Cookie封装
function dwn(s){
    document.write(s+"<br/>");
}
//定义一个Cookie对象
function Cookie(){
    this.set=function(name,value,expireTime){
        if(!expireTime) expireTime=new Date();
       
        document.cookie=name+"="+value+";"+"expire="+expireTime.toGMTString();
    };
    //根据name获取cookie信息
    this.get=function(name){
        var cookies=document.cookie.split("; ");
        for(var i=0;i<cookies.length;i++){
            var s=cookies[i].split("=");
            if(s[0]==name) return s[1];
        }
    }
}

//新建一个Cookie对象
var cookie=new Cookie();
cookie.set("a","15");
cookie.set("b","25");
cookie.set("c","35");
//读取cookie值
dwn("b="+cookie.get("b"));
dwn("c="+cookie.get("c"));

/*
//join方法把一个数组所有元素转换成字符串
var a=[1,2,3];
var s=a.join();
alert(s);
//splice()方法是插入或删除数组元素的通用方法
var arr=[1,2,3,4,5,6,7];
alert(arr.splice(1,0,9));
alert(arr.join());
alert(arr.splice(1,0) instanceof Array);
*/

/*
var now = new Date();
alert(now.constructor);
*/

/*
//toLocaleString()本地化字符串
var now=new Date();
alert(now.toString());
alert(now.toLocaleString());
*/

//函数参数和函数返回值
/*function dwn(s){
    document.write(s+"<br/>");
}
//集合变换操作，闭包作为参数
function trans(list,op){
    for(var i=0;i<list.length;i++){
        list[i]=op(list[i]);
    }
}
var list = [1,2,3,4];
trans(list,function(x){return x+1});//得到2,3,4,5
dwn(list);
trans(list,function(x){return x*2});
dwn(list);
//累加器：闭包作为返回值
function add(a,b){
    b=b ||0;
    var s = a+b;
    var ret = function(a){
        return add(a,s);
    }
    ret.valueOf=ret.toString=function(){
        return s;
    }
    return ret;
}
dwn(add(5));
dwn(add(5)(10));
dwn(add(5)(10)(20));
*/

//用call和apply调用函数
/*function dwn(s){
    document.write(s+"<br/>");
}
//定义一个Point类型
function Point(x,y){
    this.x=x;
    this.y=y;
    this.toString=function(){
        return "("+[x,y]+")";
    }
}
//定义一个Vector类型
function Vector(x,y){
    this.x=x;
    this.y=y;
    this.toString=function(){
        return "["+[x,y]+"]";
    }
}
//这个函数将传入的参数累加到对象的x,y属性上
function add(x,y){
    return new this.constructor(this.x+x,this.y+y);
}
var p=new Point(1,2);
var v=new Vector(-1,2);
var p1= add.call(p,3,4);//把add函数作为p的方法调用
var v1= add.apply(v,[3,4]);//把add函数作为v的方法调用
dwn(p1);
dwn(v1);
*/

//打印方法中的参数
/*function f(){
    document.write("f("+Array.apply(null,arguments)+")"+"<br/>");
}
f(1,2,3);
f("a","b");
f(true);
*/

//类型强制转换
/*function dwn(s){
    document.write(s+"<br/>");
}
var str='100';
var fun = Function(str);
dwn(typeof(fun)+": "+fun);
//字符串类型强制转换
var num=Number(str);
dwn(typeof(num)+": "+num);
//对象类型强制转换
var obj={};
var str=String(obj);
dwn(typeof(str)+": "+str);
var num = Number(obj);
dwn(typeof(num)+": "+num);
var bool=Boolean(obj);
dwn(typeof(bool)+": "+bool);
*/

//闭包私有域
/*function dwn(s){
    document.write(s+"<br/>");
}
var a,b;
(function(){
    showAB = function(){
        dwn(a);
        dwn(b);
    }
    var a=10;
    var b=20;
})();
a=-10;
b=-20;
dwn(a);
dwn(b);
showAB();//不会破坏showAB()内部的a,b的值
*/

//定义5个方法，(function)()，表示声明完立即执行
//j的值是由最后的那个i传入
//setTimeout中是匿名方法
/*function test(){
    for(var i=0;i<5;i++){
        (function(j){
            setTimeout(function(){alert(j)},100);
        })(i);
    }
}
test();*/

//闭包和面向对象
/*function dwn(s){
    document.write(s+"<br/>");
}
function Foo(a){
    function _pc(){
        return a;
    }
    this.bar = function(){
        dwn("foo "+_pc()+"!");
    }
}
var obj = new Foo("bar");
obj.bar();*/


//闭包的封闭性
/*function dwn(s){
    document.write(s+"<br/>");
}
(function(){
    //封闭私有域
    var innerX = 10,innerY=20;
    //开放公共域
    outerObj = {x:innerX,y:innerY};
})();

try{
    dwn(innerX);
}catch(ex){
    dwn("内部数据无法访问");
}
dwn(outerObj.x);*/


//闭包和面向对象
/*function dwn(s){
    document.write(s+"<br/>");
}
function Foo(a){
    function _pc(){//私有函数
        return a;
    }
   
    this.bar=function(){
        dwn("foo"+_pc()+"!");
    }
}
var obj=new Foo("bar");
obj.bar();*/

//闭包的封闭性
/*function dwn(a){
    document.write(s+"<br/>");
    alert(0);
}
(function(){
    //封闭的私有域
    var innerX=10,innerY=20;
    //开放的公共域
    outerObj={x:innerX,y:innerY};
})();
try{
    dwn(innerX);//内部数据无法访问
}catch(ex){
    dwn("内部数据无法访问！");
}
dwn(outerObj.x);//通过外部接口访问
*/

//执行域
/*function RandomAlert(){
    var x= Math.random();
    return function(){
        alert(x);
    }
}
var a=RandomAlert();
a();
*/

<!-- 拆箱、装箱 -->
/*
function dwn(s){
    document.write(s+"<br/>");
}
//Number装箱
Number.prototype.foo=function(){
    dwn(this instanceof Number);
    dwn(typeof(this));
}
//定义基本类型
var num=10;
num.foo();

//Number拆箱
var objNum=new Number(10);
dwn(objNum.valueOf() instanceof Number);
dwn(typeof(objNum.valueOf()));

//String装箱
String.prototype.foo=function(){
    dwn(this instanceof String);
    dwn(typeof(this));
}
//定义字符串
var str = "www.51js.com";
str.foo();

//String拆箱
var objStr = new String("abc");
dwn(objStr instanceof String);
dwn(typeof(objStr.toString()));
*/

<!--  值和引用 -->
/*function dwn(s){
    document.write(s+"<br/>");
}
var va=10,vb=true;
var ra=[1,2,3],rb={x:1,y:2};
//参数为值类型的函数例子
function ValueTypes(x,y){
    x++;
    y=false;
    dwn(x);
    dwn(y);
}
//参数为引用类型的函数例子
function ReferTypes(x,y){
    x.push(4);
    delete y.x;
    dwn(x);
    dwn(y.x);
}
ValueTypes(va,vb);
dwn(va);
dwn(vb);
ReferTypes(ra,rb);
dwn(ra);
dwn(rb.x);*/

<!--  继承 -->
/*
function dwn(s){
    document.write(s+"<br/>");
}
//定义一个Animal类型
function Animal(){
    this.bite=function(){
        dwn("animal bite!");
    }
}
//定义一个Cat类型,继承Animal类型
function Cat(){
    this.bite = function(){
        dwn("cat bite");
    }
}
Cat.prototype=new Animal();

//定义一个Dog类型，继承Animal类型
function Dog(){
    this.bite = function(){
        dwn("dog bite!");
    }
}
Dog.prototype = new Animal();
//定义一个AnimalBite方法
function AnimalBite(animal){
    if(animal instanceof Animal){
        animal.bite();
    }
}
var cat = new Cat();
var dog = new Dog();
AnimalBite(cat);
AnimalBite(dog);
*/
</script>

</head>

<body>
</body>
</html>

hobby80
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS复习
lang109yn的博客
09-13 395
一、初始JavaScript 1.Mosaic是互联网历史上第一个普遍使用和显示图片的浏览器1993年问世。 2.后来由于商标权转让，原本的开发团队又开发了Netscape Navigetor网景浏览器，也是很多浏览器的前身。 3.JS作为Netscape Navigetor浏览器的一部分首次出现在1996年，最初设计是改善网页的用户体验，作者是Brendan Eich. 4.起初JS被命...
JavaScript复习资料
10-15
这个“JavaScript复习资料”包含了丰富的学习资源，旨在帮助你深入理解和掌握JavaScript的核心概念和技术。 首先，让我们从基础开始。JavaScript是基于ECMAScript规范的，它的语法类似于C++和Java。在JavaScript中...
JavaScript复习笔记
08-03
本篇复习笔记将围绕JavaScript的基础知识展开，包括变量、数据类型、运算符以及数组和函数等内容。 首先，变量在JavaScript中是动态类型的，这意味着你无需预先声明变量的类型。`alert()`函数常用于弹出警告对话框...
javascript复习要点
04-25
JavaScript 复习要点 JavaScript 是一种基于对象和事件驱动的脚本语言，主要用于客户端脚本语言。下面是 JavaScript 的一些重要概念和知识点： 变量和数据类型 * 变量定义：使用 var 关键字定义变量，例如：`var ...
Java 图片转PDF的开源库
小湘西的博客
08-17 378
Flying Saucer 是一个用于将 XHTML 和 CSS 渲染为 PDF 的库。Apache PDFBox 是一个开源库，用于创建和操作 PDF 文档。如果使用 Maven，可以在。
AI人工智能机器人PPT模板
08-19
这是一套AI人工智能机器人PPT模板，共23张； PPT模板封面使用了蓝色曲线与机器人PPT背景图片。左侧填写AI人工智能机器人PPT标题。界面背景与PPT主题匹配。 PowerPoint模板内容页，介绍了什么是人工智能、人工智能对生活影响、人工智能的应用等。 本模板适合用于制作AI人工智能PPT、机器人主题PPT、工业2.0PPT等。.PPTX格式；
5G毫米波无线电射频技术.pdf
最新发布
08-19
5G毫米波无线电射频技术.pdf
ACM模板和一些题目的代码实现
08-19
ACM模板和一些题目的代码实现
驾校报名小程序--.zip
08-19
本网站所实现的是一个驾校报名小程序，该系统严格按照需求分析制作相关模块，并利用所学知识尽力完成，但是本人由于学识浅薄，无法真正做到让该程序可以投入市场使用，仅仅简单实现部分功能，希望日后还能改善。 本系统具有以下优点： 该系统具有较高的适用性，选用B/S结构，可以在绝大部分个人平台上使用该系统。 系统将用户权限进行划分，管理员，用户和驾校教练能看到及操作的信息不一样，三者具备不同的操作权限。 该系统操作界面简单明了，大部分人都可以正常使用。
Exotec skypod 资料
08-19
skypod 系统介绍
计算机毕业设计SSM驾校预约管理系统论文
08-19
计算机毕业设计SSM驾校预约管理系统论文
python爬网第二课存储到记事本
08-19
python爬网第二课存储到记事本
学生毕业管理系统_y65fk--.zip
08-19
学生毕业管理系统_y65fk--.zip
大学生心理健康测评管理系统小程序pf.zip
08-19
互联网发展至今，无论是其理论还是技术都已经成熟，而且它广泛参与在社会中的方方面面。它让信息都可以通过网络传播，搭配信息管理工具可以很好地为人们提供服务。针对高校教师成果信息管理混乱，出错率高，信息安全性差，劳动强度大，费时费力等问题，采用大学生心理健康测评管理系统可以有效管理，使信息管理能够更加科学和规范。 大学生心理健康测评管理系统使用Java语言进行编码，使用Mysql创建数据表保存本系统产生的数据。系统可以提供信息显示和相应服务，其管理大学生心理健康测评管理系统信息，查看大学生心理健康测评管理系统信息，管理大学生心理健康测评管理系统。 总之，大学生心理健康测评管理系统集中管理信息，有着保密性强，效率高，存储空间大，成本低等诸多优点。它可以降低信息管理成本，实现信息管理计算机化。
产品推广合作协议书CPS.pdf
08-19
产品推广合作协议书CPS.pdf
毕业设计，基于SpringBoot+Vue+MySQL开发的课程作业管理系，源码+数据库+开题报告+论文答辩+毕业论文+视频演示
08-19
毕业设计，基于SpringBoot+Vue+MySQL开发的课程作业管理系，源码+数据库+开题报告+论文答辩+毕业论文+视频演示 随着科学技术的飞速发展，社会的方方面面、各行各业都在努力与现代的先进技术接轨，通过科技手段来提高自身的优势，课程作业管理系统当然也不能排除在外。课程作业管理系统是以实际运用为开发背景，运用软件工程原理和开发方法，采用springboot框架构建的一个管理系统。整个开发过程首先对软件系统进行需求分析，得出系统的主要功能。接着对系统进行总体设计和详细设计。总体设计主要包括系统功能设计、系统总体结构设计、系统数据结构设计和系统安全设计等；详细设计主要包括系统数据库访问的实现，主要功能模块的具体实现，模块实现关键代码等。最后对系统进行功能测试，并对测试结果进行分析总结，得出系统中存在的不足及需要改进的地方，为以后的系统维护提供了方便，同时也为今后开发类似系统提供了借鉴和帮助。这种个性化的网上管理系统特别注重交互协调与管理的相互配合，激发了管理人员的创造性与主动性，对课程作业管理系统而言非常有利。 本课程作业管理系统采用的数据库是Mysql，使用springboot框架开发。在设计过程中，充分保证了系统代码的良好可读性、实用性、易扩展性、通用性、便于后期维护、操作方便以及页面简洁等特点。 1、关于课程作业管理系统的基本要求： （1）功能要求：可以管理首页、个人中心、公告信息管理、班级管理、学生管理、教师管理、课程类型管理、课程信息管理、学生选课管理、作业布置管理、作业提交管理、作业评分管理、课程评价管理、课程资源管理等功能模块。 （2）性能：在不同操作系统上均能无差错实现在不同类型的用户登入相应界面后能不出差错、方便地进行预期操作。 （3）安全与保密要求：用户都必须通过注册、登录才能进入系统，并且用户的权限也需要根据用户的类型进行限定。 （4）环境要求：支持多种平台，可在Windows系列、Vista系统等多种操作系统下使用。 关键词：课程作业管理系统，springboot框架； Mysql数据库 Java技术
毕业设计，基于SpringBoot+Vue+MySQL开发的旅游网站，源码+数据库+开题报告+论文答辩+毕业论文+视频演示
08-19
毕业设计，基于SpringBoot+Vue+MySQL开发的旅游网站，源码+数据库+开题报告+论文答辩+毕业论文+视频演示 随着科学技术的飞速发展，各行各业都在努力与现代先进技术接轨，通过科技手段提高自身的优势，旅游网站当然也不能排除在外，随着旅游网站的不断成熟，它彻底改变了过去传统的旅游网站方式，不仅使旅游管理难度变低了，还提升了旅游网站的灵活性。这种个性化的旅游网站特别注重交互协调经营与管理的相互配合，激发了管理人员的创造性与主动性，对旅游管理的管理而言非常有利。 本文首先分析了旅游网站的发展背景和意义，简要阐述了旅游网站系统开发的主要内容和优势，然后简要介绍了国内外旅游网站系统的研究和应用现状，并对系统开发技术，系统分析和总体设计，实现详细功能等。 本旅游网站系统采用的数据库是MySQL，使用Java技术开发，在设计过程中，充分保证了系统代码的良好可读性、实用性、易扩展性、通用性、便于后期维护、操作方便以及页面简洁等特点。 关键词:旅游网站；Java；SpringBoot; Vue; MySQL 数据库 旅游网站主要功能如下： 1.用户管理：注册、登录、退出、修改密码； 2.分类显示：显示旅游路线的分类； 3.旅游路线显示：按分类查询旅游路线、通过关键字搜索旅游路线、查看旅游路线的详细信息； 4.购物车管理：向购物车中添加旅游路线、修改购物车中旅游路线数量、删除购物车中旅游路线、我的购物车； 5.订单管理：通过购物车中生成订单、查看我的订单、查看某个订单的详细、订单支付、取消未付款订单。 6.首页：提供一个网站首页，该网站用户的登录，注册，所有旅游路线的一级分类，热门旅游路线和最新旅游路线的展示等。 7.旅游路线管理：旅游路线的上架、下架。
毕业设计:基于ssm的问卷调查系统PPT
08-19
随着科学研究的深入和问卷调查数量的快速增长，相关信息量也在持续倍增。为了应对这一庞大的信息量，提高工作效率，问卷调查系统的应用变得尤为重要。该系统能够实现信息的规范管理和快速查询，有效减轻管理负担。构建问卷调查系统，旨在进一步优化问卷调查信息的查询过程，助力管理员和用户提升工作效率，实现信息查询的自动化。利用本系统，管理员和用户能够便捷地获取所需的问卷调查信息。 在系统设计方面，前台采用了Java技术等进行页面设计，后台数据库则选择了MySQL。这一实现为问卷调查系统的运行奠定了坚实基础，为问卷调查提供了有力支持。最终，我们通过需求分析、测试调整，并与问卷调查系统的实际需求紧密结合，成功设计并实现了这一问卷调查系统。
JavaScript综合复习：116题详解
“Javascript综合复习题大全及答案包含多种题型，旨在帮助学习者全面复习JavaScript基础知识，包括单选题、填空题、程序阅读题、程序实现题和简答题。试题总数为22题，总分48分，其中JavaScript题目占比一半。” 在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值