您的当前位置:首页正文

分享JavaScript练习的实例教程

时间:2023-12-01 来源:站点网
欢迎和大家一起来讨论~ 基础练习(1): 我的解答为:
function array_diff(a, b) { if (b == "") return a; return a.filter(function(item,index,array) {var flag = false;for(var i=0;i<b.length;i++) { if(item !== b[i]) flag = true; }return flag; });}

较优解答为:

function array_diff(a, b) { return a.filter(function(x) { return b.indexOf(x) == -1; });}

分析:

对数组a使用filter()方法,迭代判断数组a中的值是否存在于数组b中。当x的值,即数组a的值不能在数组b中找到时,b.indexOf()方法将返回-1。数组的filter()方法是指对数组中的每一项运行给定函数,返回该函数会返回true的项组成的的数组。我的思路就稍微想得复杂了,对数组进行迭代的方法filter()是想到了,却没有好好地利用起来,函数内的判断方法不够简洁,也没有想到可以使用indexOf()方法进行判断。

笔记:

filter()方法,是指对数组中的每一项运行给定函数,返回该函数会返回true的项组成的的数组。利用指定的函数确定是否在返回的数组中包含某一项。 使用例子:var numbers = [1,2,3,4,5,4,3,2,1];var filterResult = numbers.filter(function(item,index,array) { return (item>2);});alter(filterResult); //[3,4,5,4,3] 数组的迭代方法真的很常用的,用于对某个数组循环某一操作。这些迭代方法要比for循环语句简单很多,要记住!共有五个迭代方法:every()、filter()、forEach()、map()、some()。 基础练习(2): 我的解答为:
var gimme = function (inputArray) { var newArray = []; for(var i=0;i<inputArray.length;i++) { newArray[i] = inputArray[i]; } newArray.sort(function(a,b) {if(a < b) { return -1; } else if (a> b) {return 1; } else {return 0; } }); return inputArray.indexOf(newArray[1]);};

较优解答为:

function gimme(a) { return a.indexOf(a.concat().sort(function(a, b) { return a - b })[1])}

分析:

在较优解答中,对原数组使用了concat()方法,该方法可以将原数组复制并创建一个新数组。接着对新数组进行排序,并对于中间值求得索引值。我的思路和最优解是一样的,而实现方法还是稚嫩了一些。对于创建新数组不知道可以使用concat()方法进行快速地复制,也说明对基础知识的熟悉程度不够了。另外排序方法中,原来可以直接使用“return a-b”,我的方法就显得很累赘了。

笔记:

concat()方法可基于当前数组中的所有项创建一个新数组。该方法会先创建当前数组的一个副本,将接收到的参数添加到这个副本的末尾,最后返回新构建的数组。在没有给concat()方法传递参数的情况下,它只是复制。若传递给concat()方法的是一个或多个数组,则该方法会将这些数组中的每一项都添加到结果数组中。若传递值不是数组,则添加到结果数组的末尾。 使用例子:var colors = ["red","green","blue"];var colors = colors.concat("yellow",["black","brown"]);alert(colors); // red,green,bluealert(colors); // red,green,blue,yellow,black,brown 重排序方法:使用sort()方法可以进行排序,但仍可能会出现一些问题,因此使用比较函数,可以避免这个问题。对于大多数数据类型可使用,只需要将其作为参数传递给sort()方法即可:function compare(value1,value2) { if(value1 < value2) { return -1; } else if (value1> value2) { return 1; } else { returm 0; }}对于数值型或其他valueOf()方法会返回数值类型的对象类型,可以使用更简单的比较函数:function compare(value1,value2) { return value2 - value1;} 基础练习(3): 我的解答为:
function minMax(arr){ var newarr = []; newarr.push(Math.min.apply(Math,arr)); newarr.push(Math.max.apply(Math,arr)); return newarr;}

较优解答为:

function minMax(arr){ return [Math.min(...arr), Math.max(...arr)];}

分析:

这道题目就很简单了,较优解答中的扩展语法( spread syntax)也在练习一中提及了。我的写法还是太谨慎了,是不是应该大胆一些呢? 基础练习(4): 我的解答为:
function XO(str) { var str = str.toLowerCase(); var countx = 0; var counto = 0; for(var i=0;i<str.length;i++) { if(str[i] === "x") { countx++; } if(str[i] === "o") { counto++; } }if(counto == countx) { return true; } else { return false; }}

较优解答为:

function XO(str) {var a = str.replace(/x/gi, ''), b = str.replace(/o/gi, '');return a.length === b.length;}

分析:

较优解使用的是replace()方法,结合正则表达式的使用,对原字符串str分别将x和o用空字符串替换得到a和b字符串,比较a和b字符串的长度,从而得到结果。我的解答方法呢,因为实在想不到可以使用什么方法,所以用的最原始的方法,仿佛自己在做C语言的题目。 笔记:replace()方法,该方法接受两个参数,一个参数可以是一个RegExp对象或者一个字符串,第二个参数可以是一个字符串或者是一个函数。若第一个参数是字符串,指挥替换第一个子字符串。要想替换所有子字符串,是提供一个正则表达式,并且指定全局标志。 使用例子:var text = "cat,bat,sat,fat";var result = text.replace("at","ond");alert(result); //"cond,bat,sat,fat" result = text.replace(/at/g,"ond");alert(result); //"cond,bond,song,fond" 总结:今天的知识点主要是数组的迭代方法中的一种filter()方法、数组操作方法中的concat()方法以及字符串的replace()方法。filter()方法可用于使用函数判断数组中各项的值中返回true值的结果所组成的数组。concat()可以复制和创建新数组。而replace()方法可以替换字符串中的一个或多个值。从这三天的练习来看,对于数组的各种方法也逐渐使用得熟练起来了。但是其他类型的各种方法还是一种挑战。而我的解答也要从比较冗余的语句,写出更为简洁而有效的语句了。继续加油吧!

小编还为您整理了以下内容,可能对您也有帮助:

JavaScript教程--从入门到精通(2)

JavaScript基本数据结构

JavaScript提供脚本语言的编程与C++非常相似 它只是去掉了C语言中有关指针等容易产生的错误 并提供了功能强大的类库 对于已经具备C++或C语言的人来说 学习JavaScript脚本语言是一件非常轻松愉快的事

一 JavaScript代码的加入

JavaScript的脚本包括在HTML中 它成为HTML文档的一部分 与HTML标识相结合 构成了一个功能强大的Internet网上编程语言 可以直接将JavaScript脚本加入文档

<Script Language = JavaScript > JavaScript语言代码 JavaScript 语言代码; </Script>

说明   通过标识<Script> </Script>指明JavaScript脚本源代码将放入其间   通过属性Language = JavaScript 说明标识中是使用的何种语言 这里是JavaScript语言 表示在JavaScript中使用的语言

下面是将JavaScript脚本加入Web文档中的例子:l<HTML><Head><Script Language = JavaScript >document Write( 这是赛迪网互动学校 );document close();</Script></Head></HTML>

在浏览器的窗口中调用l 则显示 这是赛迪网互动学校 字串 见图 所示

图 说明:   Document write()是文档对象的输出函数 其功能是将括号中的字符或变量值输出到窗口 document close()是将输出关闭 可将<Script> </Script>标识放入head> </Head>或<Body> </Body>之间 将JavaScript标识放置<Head> </Head>在头部之间 使之在主页和其余部分代码之前装载 从而可使代码的功能更强大 可以将JavaScript标识放置在<Body> </Body>主体之间以实现某些部分动态地创建文档

二 基本数据类型

JavaScript脚本语言同其它语言一样 有它自身的基本数据类型 表达式和算术运算符以及程序的基本框架结构 JavaScript提供了四种基本的数据类型用来处理数字和文字 而变量提供存放信息的地方 表达式则可以完成较复杂的信息处理

基本数据类型

在JavaScript中四种基本的数据类型 数值(整数和实数) 字符串型(用 号或 括起来的字符或数值) 布尔型(使True或False表示)和空值 在JavaScript的基本类型中的数据可以是常量 也可以变量 由于JavaScript采用弱类型的形式 因而一个数据的变量或常量不必首先作声明 而是在使用或赋值时确定其数据的类型的 当然也可以先声明该数据的类型 它是通过在赋值时自动说明其数据类型的

常量  整型常量JavaScript的常量通常又称字面常量 它是不能改变的数据 其整型常量可以使用十六进制 八进制和十进制表示其值  实型常量实型常量是由整数部分加小数部分表示 如 可以使用科学或标准方法表示 E e 等

布尔值

布尔常量只有两种状态 True或False 它主要用来说明或代表一种状态或标志 以说明操作流程 它与C++是不一样的 C++可以用1或0表示其状态 而JavaScript只能用True或False表示其状态

字符型常量

使用单引号( )或双引号( )括起来的一个或几个字符 如 This is a book of JavaScript ewrt 等  空值JavaScript中有一个空值null 表示什么也没有 如试图引用没有定义的变量 则返回一个Null值  特殊字符同C语言一样 JavaScript中同样以有些以反斜杠(/)开头的不可显示的特殊字符 通常称为控制字符     变量

变量的主要作用是存取数据 提供存放信息的容器 对于变量必须明确变量的命名 变量的类型 变量的声明及其变量的作用域  变量的命名JavaScript中的变量命名同其计算机语言非常相似 这里要注意以下两点 A 必须是一个有效的变量 即变量以字母开头 中间可以出现数字如test text 等 除下划线(-)作为连字符外 变量名称不能有空格 (+) (-) ( )或其它符号 B 不能使用JavaScript中的关键字作为变量 在JavaScript中定义了40多个类键字 这些关键是JavaScript内部使用的 不能作为变量的名称 如Var int double true不能作为变量的名称   在对变量命名时 最好把变量的意义与其代表的意思对应起来 以免出现错误

变量的类型

在JavaScript中 变量可以用命令Var作声明:var mytest;该例子定义了一个mytest变量 但没有赋予它的值 Var mytest= This is a book 该例子定义了一个mytest变量 同时赋予了它的值 在JavaScript中 变量以可以不作声明 而在使用时再根据数据的类型来确其变量的类型 如 x= y= xy= True cost= 等 其中x整数 y为字符串 xy为布尔型 cost为实型  变量的声明及其作用域JavaScript变量可以在使用前先作声明 并可赋值 通过使用var关键字对变量作声明 对变量作声明的最大好处就是能及时发现代码中的错误 因为JavaScript是采用动态编译的 而动态编译是不易发现代码中的错误 特别是变量命名的方面 对于变量还有一个重要性──那就是变量的作用域 在JavaScript中同样有全局变量和局部变量 全局变量是定义在所有函数体之外 其作用范围是整个函数 而局部变量是定义在函数体之内 只对其该函数是可见的 而对其它函数则是不可见的 三 表达式和运算符

1 表达式

在定义完变量后 就可以对它们进行赋值 改变 计算等一系列操作 这一过程通常又叫称一个叫表达式来完成 可以说它是变量 常量 布尔及运算符的集合 因此表达式可以分为算术表述式 字串表达式 赋值表达式以及布尔表达式等

2 运算符

运算符完成操作的一系列符号 在JavaScript中有算术运算符 如+ * /等 有比较运算符如!= ==等; 有逻辑布尔运算符如!(取反) | ||; 有字串运算如+ +=等   在JavaScript主要有双目运算符和单目运算符 其双目运算符由下列组成 操作数1 运算符 操作数2  即由两个操作数和一个运算符组成 如 + This + that 等 单目运算符 只需一个操作数 其运算符可在前或后 (1)算术运算符  JavaScript中的算术运算符有单目运算符和双目运算符 双目运算符 +(加) (减) *(乘) /(除) %(取模) |(按位或) &(按位与) <<(左移) >>(右移) >>>(右移 零填充) 单目运算符 (取反) ~(取补) ++(递加 ) (递减 ) (2)比较运算符  比较运算符它的基本操作过程是 首先对它的操作数进行比较 尔后再返回一个true或False值 有8个比较运算符:<(小于) >(大于) <=(小于等于) >=(大于等于) ==(等于) !=(不等于) (3)布尔逻辑运算符  在JavaScript中增加了几个布尔逻辑运算符: !(取反) &=(与之后赋值) &(逻辑与) |=(或之后赋值) |(逻辑或) ^=(异或之后赋值) ^(逻辑异或) ?:(三目操作符) ||(或) ==(等于) |=(不等于)   其中三目操作符主要格式如下 操作数?结果1 结果2  若操作数的结果为真 则表述式的结果为结果1 否则为结果2

四 范例  下面是一个跑马灯效果的JavaScript文档

l<><head><script Language= JavaScript >var msg= 这是一个跑马灯效果的JavaScript文档 ;var interval = ;var spacelen = ;var space = ;var seq= ;function Scroll() { len = msg length;window status = msg substring( seq+ );seq++;if ( seq >= len ) { seq = spacelen; window setTimeout( Scroll (); interval );}elsewindow setTimeout( Scroll(); interval );} function Scroll () { var out= ;for (i= ; i<=spacelen/space length; i++) out += space ;out = out + msg;len=out length;window status=out substring(seq len);seq++;if ( seq >= len ) { seq = ; };window setTimeout( Scroll (); interval );} Scroll();</script><body></body></>

lishixin/Article/program/Java/JSP/201311/19285

    JavaScript教程--从入门到精通(2)

    JavaScript基本数据结构

    JavaScript提供脚本语言的编程与C++非常相似 它只是去掉了C语言中有关指针等容易产生的错误 并提供了功能强大的类库 对于已经具备C++或C语言的人来说 学习JavaScript脚本语言是一件非常轻松愉快的事

    一 JavaScript代码的加入

    JavaScript的脚本包括在HTML中 它成为HTML文档的一部分 与HTML标识相结合 构成了一个功能强大的Internet网上编程语言 可以直接将JavaScript脚本加入文档

    <Script Language = JavaScript > JavaScript语言代码 JavaScript 语言代码; </Script>

    说明   通过标识<Script> </Script>指明JavaScript脚本源代码将放入其间   通过属性Language = JavaScript 说明标识中是使用的何种语言 这里是JavaScript语言 表示在JavaScript中使用的语言

    下面是将JavaScript脚本加入Web文档中的例子:l<HTML><Head><Script Language = JavaScript >document Write( 这是赛迪网互动学校 );document close();</Script></Head></HTML>

    在浏览器的窗口中调用l 则显示 这是赛迪网互动学校 字串 见图 所示

    图 说明:   Document write()是文档对象的输出函数 其功能是将括号中的字符或变量值输出到窗口 document close()是将输出关闭 可将<Script> </Script>标识放入head> </Head>或<Body> </Body>之间 将JavaScript标识放置<Head> </Head>在头部之间 使之在主页和其余部分代码之前装载 从而可使代码的功能更强大 可以将JavaScript标识放置在<Body> </Body>主体之间以实现某些部分动态地创建文档

    二 基本数据类型

    JavaScript脚本语言同其它语言一样 有它自身的基本数据类型 表达式和算术运算符以及程序的基本框架结构 JavaScript提供了四种基本的数据类型用来处理数字和文字 而变量提供存放信息的地方 表达式则可以完成较复杂的信息处理

    基本数据类型

    在JavaScript中四种基本的数据类型 数值(整数和实数) 字符串型(用 号或 括起来的字符或数值) 布尔型(使True或False表示)和空值 在JavaScript的基本类型中的数据可以是常量 也可以变量 由于JavaScript采用弱类型的形式 因而一个数据的变量或常量不必首先作声明 而是在使用或赋值时确定其数据的类型的 当然也可以先声明该数据的类型 它是通过在赋值时自动说明其数据类型的

    常量  整型常量JavaScript的常量通常又称字面常量 它是不能改变的数据 其整型常量可以使用十六进制 八进制和十进制表示其值  实型常量实型常量是由整数部分加小数部分表示 如 可以使用科学或标准方法表示 E e 等

    布尔值

    布尔常量只有两种状态 True或False 它主要用来说明或代表一种状态或标志 以说明操作流程 它与C++是不一样的 C++可以用1或0表示其状态 而JavaScript只能用True或False表示其状态

    字符型常量

    使用单引号( )或双引号( )括起来的一个或几个字符 如 This is a book of JavaScript ewrt 等  空值JavaScript中有一个空值null 表示什么也没有 如试图引用没有定义的变量 则返回一个Null值  特殊字符同C语言一样 JavaScript中同样以有些以反斜杠(/)开头的不可显示的特殊字符 通常称为控制字符     变量

    变量的主要作用是存取数据 提供存放信息的容器 对于变量必须明确变量的命名 变量的类型 变量的声明及其变量的作用域  变量的命名JavaScript中的变量命名同其计算机语言非常相似 这里要注意以下两点 A 必须是一个有效的变量 即变量以字母开头 中间可以出现数字如test text 等 除下划线(-)作为连字符外 变量名称不能有空格 (+) (-) ( )或其它符号 B 不能使用JavaScript中的关键字作为变量 在JavaScript中定义了40多个类键字 这些关键是JavaScript内部使用的 不能作为变量的名称 如Var int double true不能作为变量的名称   在对变量命名时 最好把变量的意义与其代表的意思对应起来 以免出现错误

    变量的类型

    在JavaScript中 变量可以用命令Var作声明:var mytest;该例子定义了一个mytest变量 但没有赋予它的值 Var mytest= This is a book 该例子定义了一个mytest变量 同时赋予了它的值 在JavaScript中 变量以可以不作声明 而在使用时再根据数据的类型来确其变量的类型 如 x= y= xy= True cost= 等 其中x整数 y为字符串 xy为布尔型 cost为实型  变量的声明及其作用域JavaScript变量可以在使用前先作声明 并可赋值 通过使用var关键字对变量作声明 对变量作声明的最大好处就是能及时发现代码中的错误 因为JavaScript是采用动态编译的 而动态编译是不易发现代码中的错误 特别是变量命名的方面 对于变量还有一个重要性──那就是变量的作用域 在JavaScript中同样有全局变量和局部变量 全局变量是定义在所有函数体之外 其作用范围是整个函数 而局部变量是定义在函数体之内 只对其该函数是可见的 而对其它函数则是不可见的 三 表达式和运算符

    1 表达式

    在定义完变量后 就可以对它们进行赋值 改变 计算等一系列操作 这一过程通常又叫称一个叫表达式来完成 可以说它是变量 常量 布尔及运算符的集合 因此表达式可以分为算术表述式 字串表达式 赋值表达式以及布尔表达式等

    2 运算符

    运算符完成操作的一系列符号 在JavaScript中有算术运算符 如+ * /等 有比较运算符如!= ==等; 有逻辑布尔运算符如!(取反) | ||; 有字串运算如+ +=等   在JavaScript主要有双目运算符和单目运算符 其双目运算符由下列组成 操作数1 运算符 操作数2  即由两个操作数和一个运算符组成 如 + This + that 等 单目运算符 只需一个操作数 其运算符可在前或后 (1)算术运算符  JavaScript中的算术运算符有单目运算符和双目运算符 双目运算符 +(加) (减) *(乘) /(除) %(取模) |(按位或) &(按位与) <<(左移) >>(右移) >>>(右移 零填充) 单目运算符 (取反) ~(取补) ++(递加 ) (递减 ) (2)比较运算符  比较运算符它的基本操作过程是 首先对它的操作数进行比较 尔后再返回一个true或False值 有8个比较运算符:<(小于) >(大于) <=(小于等于) >=(大于等于) ==(等于) !=(不等于) (3)布尔逻辑运算符  在JavaScript中增加了几个布尔逻辑运算符: !(取反) &=(与之后赋值) &(逻辑与) |=(或之后赋值) |(逻辑或) ^=(异或之后赋值) ^(逻辑异或) ?:(三目操作符) ||(或) ==(等于) |=(不等于)   其中三目操作符主要格式如下 操作数?结果1 结果2  若操作数的结果为真 则表述式的结果为结果1 否则为结果2

    四 范例  下面是一个跑马灯效果的JavaScript文档

    l<><head><script Language= JavaScript >var msg= 这是一个跑马灯效果的JavaScript文档 ;var interval = ;var spacelen = ;var space = ;var seq= ;function Scroll() { len = msg length;window status = msg substring( seq+ );seq++;if ( seq >= len ) { seq = spacelen; window setTimeout( Scroll (); interval );}elsewindow setTimeout( Scroll(); interval );} function Scroll () { var out= ;for (i= ; i<=spacelen/space length; i++) out += space ;out = out + msg;len=out length;window status=out substring(seq len);seq++;if ( seq >= len ) { seq = ; };window setTimeout( Scroll (); interval );} Scroll();</script><body></body></>

    lishixin/Article/program/Java/JSP/201311/19285

      JavaScript动态网页经典实例教程的内容简介

      Javascript是一种由Netscape的LiveScript发展而来的脚本语言,主要目的是为了解决服务器终端语言,比如Perl,遗留的速度问题。当时服务端需要对数据进行验证,由于网络速度相当缓慢,只有28.8kbps,验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript,提供了数据验证的基本功能。
      JavaScript功能强大、语法简单的计算机脚本语言,广泛应用于网页设计中。《JavaScript动态网页经典实例教程》通过具体的实例,详细全面地介绍了使用JavaScript语言结合DHTML进行动态网页设计的方法和技巧。
      全书共分14章。第1章和第14章分别介绍JavaScript和DHTML进行动态网页设计的基础知识,并详细给出各个对象的属性、方法的使用技巧,可供网页设计者学习参考。第2章至第13章通过具体的网页设计实例,介绍动态网页设计中的常用方法、重点和难点。这些实例包括了动态状态栏,动态文本框,应用时间,动态层,动态内容,动态位置,动态元素内容,滚动效果,动态页面导航,动态数据表单,动态表格等内容。在动态网页实例的讲解过程中,兼顾主流的浏览器——Internet Explorer和Navigator,使实例的应用面得以拓宽。
      本书适合于广大的网页设计从业人员,为动态网页开发设计中需要解决的实际问题提供解决方案。同时,该书也可作为广大网页设计爱好者的自学参考书,也可以作为JavaScript动态网页设计的培训教材。
      《JavaScript动态网页经典实例教程》通过具体的网页设计实例,介绍动态网页设计中的常用方法、重点和难点。这些实例包括了动态状态栏,动态文本框,应用时间,动态层,动态内容,动态位置,动态元素内容,滚动效果,动态页面导航,动态数据表单,动态表格等内容。

      JavaScript动态网页经典实例教程的内容简介

      Javascript是一种由Netscape的LiveScript发展而来的脚本语言,主要目的是为了解决服务器终端语言,比如Perl,遗留的速度问题。当时服务端需要对数据进行验证,由于网络速度相当缓慢,只有28.8kbps,验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript,提供了数据验证的基本功能。
      JavaScript功能强大、语法简单的计算机脚本语言,广泛应用于网页设计中。《JavaScript动态网页经典实例教程》通过具体的实例,详细全面地介绍了使用JavaScript语言结合DHTML进行动态网页设计的方法和技巧。
      全书共分14章。第1章和第14章分别介绍JavaScript和DHTML进行动态网页设计的基础知识,并详细给出各个对象的属性、方法的使用技巧,可供网页设计者学习参考。第2章至第13章通过具体的网页设计实例,介绍动态网页设计中的常用方法、重点和难点。这些实例包括了动态状态栏,动态文本框,应用时间,动态层,动态内容,动态位置,动态元素内容,滚动效果,动态页面导航,动态数据表单,动态表格等内容。在动态网页实例的讲解过程中,兼顾主流的浏览器——Internet Explorer和Navigator,使实例的应用面得以拓宽。
      本书适合于广大的网页设计从业人员,为动态网页开发设计中需要解决的实际问题提供解决方案。同时,该书也可作为广大网页设计爱好者的自学参考书,也可以作为JavaScript动态网页设计的培训教材。
      《JavaScript动态网页经典实例教程》通过具体的网页设计实例,介绍动态网页设计中的常用方法、重点和难点。这些实例包括了动态状态栏,动态文本框,应用时间,动态层,动态内容,动态位置,动态元素内容,滚动效果,动态页面导航,动态数据表单,动态表格等内容。

      谁有 现代JavaScript编程:经典范例与实践技巧,我需要这百度网盘资源,希望分享一下!

      现代JavaScript编程:经典范例与实践技巧百度网盘在线观看资源,免费分享给您:

      https://pan.baidu.com/s/16io_QQlLFwCrjOBIADTAdA

         提取码:1234

      2018年清华大学出版社出版的图书

      《现代JavaScript编程:经典范例与实践技巧》是2018年9月1日由清华大学出版社出版的图书。

      JavaScript动态网页经典实例教程的介绍

      JavaScript是一种功能强大,语法简单的脚本语言,广泛应用于网页设计中。《JavaScript动态网页经典实例教程》是在分析各大主流网站的动态网页应用的基础上,将复杂的应用剖分为合理的应用模块来讲解的。对于广大的网页设计从业人员,通过《JavaScript动态网页经典实例教程》能找到经典应用的解决方案;对于网页设计爱好者,《JavaScript动态网页经典实例教程》可以作为进步的阶梯;对于培训学校,从《JavaScript动态网页经典实例教程》中可以找到实用的JavaScript动态网页设计的培训内容。

      JavaScript动态网页经典实例教程的介绍

      JavaScript是一种功能强大,语法简单的脚本语言,广泛应用于网页设计中。《JavaScript动态网页经典实例教程》是在分析各大主流网站的动态网页应用的基础上,将复杂的应用剖分为合理的应用模块来讲解的。对于广大的网页设计从业人员,通过《JavaScript动态网页经典实例教程》能找到经典应用的解决方案;对于网页设计爱好者,《JavaScript动态网页经典实例教程》可以作为进步的阶梯;对于培训学校,从《JavaScript动态网页经典实例教程》中可以找到实用的JavaScript动态网页设计的培训内容。

      JavaScript实现页面跳转的几种常用方式_javascript技巧


      本文实例讲述了JavaScript实现页面跳转的几种常用方式。分享给大家供大家参考,具体如下:

      第一种:

      第二种:


      第三种:


      第四种:


      第五种:


      javascript中弹出选择框跳转到其他页面

      javascript中弹出提示框跳转到其他页面


      补充:window.location="";和 location.replace("");有什么区别?

      这两个都能让网页导向令一个网址,那么有什么区别呢?比如能带参数,不能带参数之类的.
      Replace?还是Reload()?
      好像没什么区别吧?没试过

      replace(),reload()是重新加载本页,而replace()可以导向另外一个URL

      给你举个例子:

      我们现在有3个页面(a.html, b.html, c.html).
      默认打开a.html页面,然后在a.html页面中通过一个链接转向a.html页面。

      现在,我在b.html页面中用window.location.replace("c.html");与用window.location.href("c.html");分别进入c.html页面.

      从用户界面来看是没有什么区别的,但是现在c.html页面有一个“返回”按钮,
      用window.location.href("c.html");

      进入c.html页面时,c.html页面中的调用window.history.go(-1);wondow.history.back();进入c.html页面时,一点这个"返回"按钮就要返回b.html页面的话,
      而如果用window.location.replace("c.html");进入c.html页面的话,
      c.html页面中的调用window.history.go(-1);wondow.history.back();方法是不好用的,会返回到a.html.

      因为window.location.replace("c.html");是不会向服务器发送请求而进行跳转,而window.history.go(-1);wondow.history.back();方法是根据服务器记录的请求决定该跳到哪个页面的,所以会跳到系统默认页面a.html 。

      window.location.href("c.html");是向服务器发送请求的跳转,window.history.go(-1);wondow.history.back();方法是根据服务器记录的请求决定该跳到哪个页面的,所以就可以返回到b.html。

      希望本文所述对大家JavaScript程序设计有所帮助。

      JavaScript实现页面跳转的几种常用方式_javascript技巧


      本文实例讲述了JavaScript实现页面跳转的几种常用方式。分享给大家供大家参考,具体如下:

      第一种:

      第二种:


      第三种:


      第四种:


      第五种:


      javascript中弹出选择框跳转到其他页面

      javascript中弹出提示框跳转到其他页面


      补充:window.location="";和 location.replace("");有什么区别?

      这两个都能让网页导向令一个网址,那么有什么区别呢?比如能带参数,不能带参数之类的.
      Replace?还是Reload()?
      好像没什么区别吧?没试过

      replace(),reload()是重新加载本页,而replace()可以导向另外一个URL

      给你举个例子:

      我们现在有3个页面(a.html, b.html, c.html).
      默认打开a.html页面,然后在a.html页面中通过一个链接转向a.html页面。

      现在,我在b.html页面中用window.location.replace("c.html");与用window.location.href("c.html");分别进入c.html页面.

      从用户界面来看是没有什么区别的,但是现在c.html页面有一个“返回”按钮,
      用window.location.href("c.html");

      进入c.html页面时,c.html页面中的调用window.history.go(-1);wondow.history.back();进入c.html页面时,一点这个"返回"按钮就要返回b.html页面的话,
      而如果用window.location.replace("c.html");进入c.html页面的话,
      c.html页面中的调用window.history.go(-1);wondow.history.back();方法是不好用的,会返回到a.html.

      因为window.location.replace("c.html");是不会向服务器发送请求而进行跳转,而window.history.go(-1);wondow.history.back();方法是根据服务器记录的请求决定该跳到哪个页面的,所以会跳到系统默认页面a.html 。

      window.location.href("c.html");是向服务器发送请求的跳转,window.history.go(-1);wondow.history.back();方法是根据服务器记录的请求决定该跳到哪个页面的,所以就可以返回到b.html。

      希望本文所述对大家JavaScript程序设计有所帮助。

      JavaScript教程--从入门到精通 谁有这种教程要详细的!最好是视频

      JavaScript视频教程:

      http://www.webjx.com/htmldata/sort/64.html

      图文:

      JavaScript教程--从入门到精通

      http://cnmere.cn/?q=26034

      JavaScript 触发器 ...

      onabort 当用户中断下载图像时触发。

      onactivate 当对象设置为活动元素时触发。

      onafterprint 对象所关联的文档打印或打印预览后立即在对象上触发。

      onafterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发。

      onbeforeactivate 对象要被设置为当前元素前立即触发。

      onbeforecopy 当选中区复制到系统剪贴板之前在源对象触发。

      onbeforecut 当选中区从文档中删除之前在源对象触发。

      onbeforedeactivate 在 activeElement 从当前对象变为父文档其它对象之前立即触发。

      onbeforeeditfocus 在包含于可编辑元素内的对象进入用户界面激活状态前或可编辑容器变成控件选中区前触发。

      onbeforepaste 在选中区从系统剪贴板粘贴到文档前在目标对象上触发。

      onbeforeprint 对象的关联文档打印或打印预览前在对象上触发。

      onbeforeunload 在页面将要被卸载前触发。

      onbeforeupdate 当成功更新数据源对象中的关联对象前在数据绑定对象上触发。

      onblur 在对象失去输入焦点时触发。

      onbounce 当 marquee 对象的 behavior 属性设置为“alternate”且字幕的内容到达窗口一边时触发。

      oncellchange 在数据供应者中的数据变更时触发。

      onchange 当对象或选中区的内容改变时触发。

      onclick 在用户用鼠标左键单击对象时触发。

      oncontextmenu 在用户使用鼠标右键单击客户区打开上下文菜单时触发。

      oncontrolselect 当用户将要对该对象制作一个控件选中区时触发。

      oncopy 当用户复制对象或选中区,将其添加到系统剪贴板上时在源元素上触发。

      oncut 当对象或选中区从文档中删除并添加到系统剪贴板上时在源元素上触发。

      ondataavailable 每当异步传输数据的数据源对象的数据到达时触发。

      ondatasetchanged 当数据源对象对应的数据集发生变更时触发。

      ondatasetcomplete 触发就表明数据源对象所有数据都可用。

      ondblclick 当用户双击对象时触发。

      ondeactivate 当 activeElement 从当前对象变为父文档其它对象时触发。

      ondrag 当进行拖曳操作时在源对象上持续触发。

      ondragend 当用户在拖曳操作结束后释放鼠标时在源对象上触发。

      ondragenter 当用户拖曳对象到一个合法拖曳目标时在目标元素上触发。

      ondragleave 当用户在拖曳操作过程中将鼠标移出合法拖曳目标时在目标对象上触发。

      ondragover 当用户拖曳对象划过合法拖曳目标时持续在目标元素上触发。

      ondragstart 当用户开始拖曳文本选中区或选中对象时在源对象上触发。

      ondrop 当鼠标按钮在拖曳操作过程中释放时在目标对象上触发。

      onerror 当对象装载过程中发生错误时触发。

      onerrorupdate 更新数据源对象中的关联数据出错时在数据绑定对象上触发。

      onfilterchange 当可视滤镜更改状态或完成转换时触发。

      onfinish 当字幕循环完成后触发。

      onfocus 当对象获得焦点时触发。

      onfocusin 当元素将要被设置为焦点之前触发。

      onfocusout 在移动焦点到其它元素之后立即触发于当前拥有焦点的元素上触发。

      onhelp 当用户在浏览器为当前窗口时按 F1 键时触发。

      onkeydown 当用户按下键盘按键时触发。

      onkeypress 当用户按下字面键时触发。

      onkeyup 当用户释放键盘按键时触发。

      onlayoutcomplete 当打印或打印预览版面处理完成用来自于源文档的内容填充当前 LayoutRect 对象时触发。

      onload 在浏览器完成对象的装载后立即触发。

      onlosecapture 当对象失去鼠标捕捉时触发。

      onmousedown 当用户用任何鼠标按钮单击对象时触发。

      onmouseenter 当用户将鼠标指针移动到对象内时触发。

      onmouseleave 当用户将鼠标指针移出对象边界时触发。

      onmousemove 当用户将鼠标划过对象时触发。

      onmouseout 当用户将鼠标指针移出对象边界时触发。

      onmouseover 当用户将鼠标指针移动到对象内时触发。

      onmouseup 当用户在鼠标位于对象之上时释放鼠标按钮时触发。

      onmousewheel 当鼠标滚轮按钮旋转时触发。

      onmove 当对象移动时触发。

      onmoveend 当对象停止移动时触发。

      onmovestart 当对象开始移动时触发。

      onpaste 当用户粘贴数据以便从系统剪贴板向文档传送数据时在目标对象上触发。

      onpropertychange 当在对象上发生对象上发生属性更改时触发。

      onreadystatechange 当对象状态变更时触发。

      onreset 当用户重置表单时触发。

      onresize 当对象的大小将要改变时触发。

      onresizeend 当用户更改完控件选中区中对象的尺寸时触发。

      onresizestart 当用户开始更改控件选中区中对象的尺寸时触发。

      onrowenter 触发就表明当前行已经在数据源中更改,对象上有可用的新数据值。

      onrowexit 当数据源控件更改对象当前行前触发。

      onrowsdelete 当行将要从记录集中被删除时触发。

      onrowsinserted 当在当前记录集中插入新行后触发。

      onscroll 当用户滚动对象的滚动条时触发。

      onselect 当当前选中区改变时触发。

      onselectionchange 当文档的选中状态改变时触发。

      onselectstart 对象将要被选中时触发。

      onstart 在 marquee 对象的每次循环开始时触发。

      onstop 当用户单击停止按钮或离开 Web 页面时触发。

      onsubmit 当表单将要被提交时触发。

      onunload 在对象卸载前立即触发。

      跪求高清 JavaScript网页设计与网站特效课堂实录,急急!求这个百度网盘资源!阿里嘎多

      JavaScript网页设计与网站特效课堂实录百度网盘在线观看资源,免费分享给您:

      https://pan.baidu.com/s/1x9xKoLW_9Iv01K2nGDJDhw

          提取码:1234

      《JavaScript网页设计与网站特效课堂实录》是2015年10月1日清华大学出版社出版的图书,作者是刘贵国、晁代远。本书全面介绍JavaScript 的基本知识、高级技巧和实例,全书共17章,包括JavaScript 基础知识、HTML 基础、数据类型和变量、表达式与运算符、JavaScript程序核心语法、JavaScript核心对象、JavaScript中的事件、window对象、屏幕和浏览器对象、文档对象、历史对象和地址对象、表单对象和图片对象、Ajax基础、导航菜单特效案例、文字和图片特效案例、按钮链接和页面特效案例、广告代码特效案例等内容。

      站点网还为您提供以下相关内容希望对您有帮助:

      JavaScript教程--从入门到精通(2)

      该例子定义了一个mytest变量 但没有赋予它的值 Var mytest= This is a book 该例子定义了一个mytest变量 同时赋予了它的值 在JavaScript中 变量以可以不作声明 而在使用时再根据数据的类型来确其变量的类型 如 x= y...

      JavaScript教程--从入门到精通(3)

      四 范例 范例 下例程序是一个自动装载和自动卸载的例子 即当装入HTML文档时调用loadform()函数 而退出该文档进入另一HTML文档时则首先调用unloadform()函数 确认后方可进入 &lt;HTML&gt;&lt;HEAD&gt;&lt;! function loadform(){alert( 这是一个自动...

      javascript是什么意思 初学者必看的javascript入门指南?

      JavaScript最初是由网景公司的Brendan Eich在1995年创建的,最初被称为LiveScript。后来,它被重命名为JavaScript,以更好地与Sun Microsystems的Java语言相匹配。JavaScript是一种开放标准语言,由ECMAScript规范定义,目前最新的...

      javascript数组定义的几种方法(图文教程)

      这篇文章主要介绍了javascript数组定义的几种方法,一般来说分为隐式创建、直接实例化、创建数组并指定长度、后来为了方便直接使用json格式定义数组,需要的朋友可以参考一下1、什么是数组数组就是一组数据的集合其表现形式就是...

      前端怎么学习javascript

      c) javascript 语言内部机制。必须弄清如下概念:js中变量的作用域,变量传递方式,函数的定义环境与执行环境,闭包,函数的四种调用方式(一般函数,对象的方法,apply,call),以及四种调用方式下,‘this'指向的是谁。这...

      我需要 HTML5 CSS3 JavaScript 网页设计案例开发,帮忙找一下百度网盘...

      https://pan.baidu.com/s/1kFZTCDFawcIzwRWadmCQbA 提取码:1234 本书从实用角度出发,紧密联系教学实际。语法介绍简明清晰、实例内容丰富、重点突出。在基础知识章节后面均附有综合实例以及思考与练习部分,建议读者在学完...

      JavaScript动态网页经典实例教程的内容简介

      JavaScript功能强大、语法简单的计算机脚本语言,广泛应用于网页设计中。《JavaScript动态网页经典实例教程》通过具体的实例,详细全面地介绍了使用JavaScript语言结合DHTML进行动态网页设计的方法和技巧。全书共分14章。第1章和第14章...

      我需要 JavaScript基础教程.第9版,书籍百度网盘的链接有没有!想要...

      我这有资源 可以看下 JavaScript基础教程.第9版https://pan.baidu.com/s/1BYRorYfKK07ZUH8pzdzZew?pwd=1234提取码:1234 本书是经典的JavaScript入门书,以易学便查、图文并茂、循序渐进和善于用常见任务讲解语言知识而...

      JavaScript动态网页经典实例教程的介绍

      《JavaScript动态网页经典实例教程》是在分析各大主流网站的动态网页应用的基础上,将复杂的应用剖分为合理的应用模块来讲解的。对于广大的网页设计从业人员,通过《JavaScript动态网页经典实例教程》能找到经典应用的解决方案;对于...

      我需要 《网页开发手记——486个JavaScript网页特效详解》,求分享教材...

      百度网盘《网页开发手记——486个JavaScript网页特效详解》高清在线观看 https://pan.baidu.com/s/1qaJgpp-QvN1GLKM9kfntOg pwd=1234 提取码:1234 内容简介 本书涵盖了目前网络开发涉及的所有方向,从页面、文本、窗口...

      本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

      Top