js基础练习题(2)

5.函数

1.按要求封装两个函数

1.封装一个函数,要求输入字符串转化成数组弹出

2.封装一个函数,要求能求出三个数中的最小值,注意:不准使用js内置函数

2.封装一个函数,求参数的和,注意:参数不固定

3.有下列代码

function fn(a, b, c) {
  return a + b + c
}

修改代码,给a,b,c设置默认值

4.写一个函数add,通过这种调用方式拿到结果

var a = add(2)(3)(4);
console.log(a)  // 9

5.读程序,写结果

var a = 1
function fn1(){
  function fn2(){
    console.log(a)
  }
  function fn3(){
    var a = 4
    fn2()
  }
  var a = 2
  return fn3
}
var fn = fn1()
fn() //输出多少

6.读程序,写结果

var a = 1
function fn1(){
  function fn3(){
    var a = 4
    fn2()
  }
  var a = 2
  return fn3
}
function fn2(){
  console.log(a)
}
var fn = fn1()
fn() //输出多少

7.使用递归的方式求n的阶乘

8.根据下面调用方式,补全buy函数

buy('xiaoming','apple',function(){
    alert("shopping finish");
});
9.根据下面的调用方式,补全fn函数

var a = fn([1, 2, 3, 4], function (item, index, arr) {
  if (item > 2) {
    return item + 1
  } else {
    return item - 1
  }
})
console.log(a)  // [0, 1, 4, 5]

10.读下列几段程序,写结果

function foo(){
    function bar() {
        return 3;
    }
    return bar();
    function bar() {
        return 8;
    }
}
alert(foo());
function foo(){
    var bar = function() {
        return 3;
    };
    return bar();
    var bar = function() {
        return 8;
    };
}
alert(foo());
alert(foo());
function foo(){
    var bar = function() {
        return 3;
    };
    return bar();
    var bar = function() {
        return 8;
    };
}
function foo(){
    return bar();
    var bar = function() {
        return 3;
    };
    var bar = function() {
        return 8;
    };
}
alert(foo());

6.事件

1.封装一个通用的事件绑定函数listenEvent

2.封装一个通用的取消事件绑定函数stopListening

3.封装一个通用的阻止事件默认行为的函数preventEvent

4.封装一个通用的阻止事件冒泡的函数 cancelPropagation

5.写一个demo,控制方块的方向

6.有以下代码,写js实现点击按钮弹出对应button按钮的下标

<button>1</button>
<button>2</button>
<button>3</button>
<button>4</button>
<button>5</button>
<button>6</button>

7.写一个demo,加载单张图片

var imgsrc = 'http://edu.nodeing.com/files/system/block_picture_1516379328.jpg?version=8.2.14'

8.写一个demo,加载多张图片,按顺序加载

var mulitImg = [
        'http://edu.nodeing.com/files/system/block_picture_1516373242.jpg?version=8.2.14',
        'http://edu.nodeing.com/files/system/block_picture_1516588307.jpg?version=8.2.14',
        'http://edu.nodeing.com/files/system/block_picture_1516374079.jpg?version=8.2.14',
        'http://edu.nodeing.com/files/system/block_picture_1516379328.jpg?version=8.2.14'
    ]

9.写一个demo,获取鼠标在一个方块中的坐标,坐标原点为方块的左上顶点

10.写一个demo,使用新的HTML5 拖放完成下列效果

7.浏览器

1.写一个demo,实现删除一行元素前进行提示确认

2.如何在浏览器窗口中打开一个web页面

3.如何关闭一个窗口

4.如何把窗口放到指定位置

5.如何获取浏览器的版本号

6.如何跳转页面以及如何刷新页面

7.如何构建一个面包屑导航路径

8.如何用js实现浏览器的前进、后退、跳转指定历史记录页

9.如何根据浏览器窗口大小来更改页面中图片的大小

螺钉课堂视频课程地址:http://edu.nodeing.com

原文地址:https://www.cnblogs.com/dadifeihong/p/12028324.html

时间: 2024-10-10 01:13:22

js基础练习题(2)的相关文章

js基础练习题(1)

1.字符串 视频教程地址: js基础练习题 1.如何连接两个或者两个以上字符串? var cssname = 'box' var num = 1 var html = '<div class="box">这里是box1</div>' 问:如何把变量html里面的class属性值box换成变量,如何把'box1'里的1换成变量num 2.如何比较两个字符串看它们是否相同? 3.如何查找一个字符串是否在另一个字符串中? 4.如何从一个字符串中提取一个子字符串,例如:

【2017-03-28】JS基础、windows对象、history对象、location对象

一.JS基础 JS - javaScript 1.js功能: 1).进行数据的运算.2).控制浏览器的一些功能.3).控制元素(属性.内容.样式) js引用位置: 可以放在html页的任意位置. 推荐放在<html></html>后边. 也可以放在一个以js结尾的文件内,将该文件引用到html页内. 2.格式: <script type="text/javascript"> js代码 </script> 1.alert("&qu

JS 基础学习随想

2012年就已经接触过了js,给我的印象:这是一门谈不上复杂的语言.大概这就是所谓的学的越浅,用的越少,觉得自己会的东西好像得更多吧!开始做基础练习题的时候觉得好像都十分简单.可是后来在做到对象数组的部分还是遇到了问题,接着发现自己其实并不非常了解js.首先来说说我在codefordream基础学习的情况吧 基础部分主要学习的有:注释符号,数据类型,算数运算,逻辑术语,判断语句,循环语句,及function. 简单的可以说说的是,由于长期使用其他语言的原因,js对于数组的遍历其实有一点区别: 最

【 js 基础 】Javascript “继承”

是时候写一写 "继承"了,为什么加引号,因为当你阅读完这篇文章,你会知道,说是 继承 其实是不准确的. 一.类1.传统的面向类的语言中的类:类/继承 描述了一种代码的组织结构形式.举个例子:"汽车"可以被看作是"交通工具"的一种特例.我们可以定义一个 Vehicle 类和一个 Car 类来对这种关系进行描述.Vehicle 的定义可能包含引擎.载人能力等,也就是 所有交通工具,比如飞机.火车和汽车等都有的通用的功能描述.在对 Car 类进行定义的

js基础--javascript基础概念之语法

掌握一门语言 必须先掌握它的语法! javascript 的语法和C.Java.Perl 的语法有些相似.但是比它们更加宽松. javascript 中的一切都是严格区分大小写的.例如变量: demo 和 Demo 两个变量是完全不同的. javascript 标示符,所谓标示符 是指 变量.函数.属性 的名字或函数的参数.标示符的格式是按照以下规则组合的一个或多个字符. 1.第一个字符必须是字母,下划线,或 $ 符号. 2.其他字符可以是字母.下划线.$ . 或数字. 注意 不能把关键字 保留

js基础知识总结(2016.11.1)

js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避免全局变量和方法(命名空间,闭包,面向对象),模块化(seaJs,requireJs) 常用内部类:Data Array Math String HTML属性,CSS属性HTML:属性.HTML属性="值":CSS:对象.style.CSS属性="值"; class和f

JS基础(超级简单)

1     JS基础(超级简单) 1.1 数据类型 1.1.1   基本类型: 1)        Number:特别注意:NaN的检测方法:Nan!=NaN;或者使用isNaN方法 2)        string 3)        boolean 4)        null 5)        undefined 1.1.2   复杂类型 object:date,array,function 1.2 变量 var 变量名=值 变量的作用域:1.全局:以页面为单位.2局部:以函数为单位.

js基础--javascript基础概念之数组(二)

js基础--javascript基础概念之数组 数组栈方法 数组可以像栈一样.栈是一种先进后出的数据结构,最先添加的数据最后一个出来.栈方法添加数据也称为 推入  移除数据称为 弹出. js为数值栈方法提供了 push()   和  pop() ;  两个方法. push() push() 方法接受参数就是你要添加进入到数组的值.push()  方法会将他们逐一添加到数组的末尾  数组的length属性会跟着更新数据. *push(多个数组元素值) 返回的修改后的数组长度 var array =

js基础--javascript基础概念之数组

js基础--javascript基础概念之数组 在ECMAScript 中 ,数组是很常用的数据类型,js中的数组和其他很多语言的数组有明显的区别.js的数组可以保持任何类型的数值,一个数组中可以保存着多个不同类型的数值.js数组大小(长度)是可以调整的.可以随着数据的添加自动增长数组长度. 创建数组: 一.数组字面量 数组字面量由一对包含数组项的方括号[]表示. var array = [ 'kin', 'cheong', 'change', 'hello', 'haha', 'hi' ];