搜索
您的当前位置:首页正文

javascript初学者实践使用

2023-12-01 来源:亿米科技网

1.优先使用===,而不是==

JavaScript使用两种相等性操作符: ===|!==和==|!=.通常认为做比较的最佳实践是使用前一组操作符.

"若两个操作数的类型和值相同,那么===比较的结果为真,!==比较的结果为假." --JavaScript语言精粹

然而,如果使用==和!=,当比较不同类型的操作数时,你就会碰到问题啦.在这种情况下,这组操作符会尝试对操作数的值做无用的强制转换.

2.Eval就是糟糕的代名词

对于那些不熟悉JavaScript的人来说,函数"evel"让我们能够访问JavaScript编译器,我们可以通过给"eval"传递一个字符串参数来得到该字符串执行的结果.

这不仅会极大地降低你的脚本的性能.也会造成一个巨大的安全隐患,因为这富裕传递进来的纯文本太多的能力,要尽可能地避免eval函数的使用.

3.不要懒手

奇数上来说,你确实可能侥幸地省略多数花括号和分号.大多数浏览器都能够正确的节水如下代码片段:

if(someVarianbleExists)x = false

然而再考虑一下这段代码:

if(someVariableExists) x=falseanotherFunctionCall();

可能会有人认为上一段代码等价于:

if(someVariableExists){x = false;anotherFunctionCall();

你应该也注意到了,代码中缩进模仿了花括号的功能,毋庸置疑,这是非常恐怖的做法,无论如何都应该避免.唯一可以省略花括号的时候是在一行式的语句中,但即使这种情况,也是很有争议的.

if(2 + 2 ===4) return"nicely done";

始终要想着以后

如果以后的某个时候,你需要在这种if语句中增加更多的命令,那该怎么办呢?没法子,你就只能重写这款代码了.处理这个问题的底线是对于省略写法保持谨慎.

4.使用JS Lint

JSLint是Douglas Crockford 编写的一个调试器,简单地将你的脚本拷贝进去,它就会快速地刀面你的代码中任何明显的问题和错误.

"JSLint获取一份JavaScript源码,然后扫描代码。如果发现问题,就会返回一条信息描述这个问题以及这个问题在源码中的大致位置。问题虽然经常是语法错误,却不一定是。JSLint也会查看一些风格习惯以及结构问题。它并不证明你的代码是否正确,只是提供另外的一双眼睛来帮助发现问题。

在结束脚本代码的编写之前,对其执行一次JSLint,能够保证你不会反一些愚蠢的错误.

5.将脚本至于页面的底部

这条技巧在本系列前面的文章中也推荐过.因为它在此处也非常合适(As it's highly appropriate though),所以我将那段信息直接粘贴在这里.

记住--这条最佳实践的主要目标是近可能快速地为用户加载页面.当加载一个脚本时,浏览器直到整个脚本文件全部加载完毕才能继续.因此,用户必须等上更长的时间才能注意到任何的进度.

如果JS文件的目的仅仅是增加功能--例如.在点击某个按钮后--那么就将那些文件放在底部,body结束标签之前吧,这绝对是一个最佳实践.

更好的做法

<p>And now you know my favorite kinds of corn. </p> <script type="text/javascript" src="path/to/file.js?1.1.11"></script> <script type="text/javascript" src="path/to/anotherFile.js?1.1.11"></script> </body> </html>

6.在For语句之外声明变量

当执行一个冗长的'for'语句之时,仅仅让解释引擎做必须干的活吧.

例如:

糟糕的做法:

for(var i = 0; i < someArray.length; i++) { var container = document.getElementById('container'); container.innerHtml += 'my number: ' + i; console.log(i); }

注意上面代码片段中的每次迭代都需要检查数组的长度.并且每次都要遍历DOM树找到'container'元素--效率多低啊!!!

更好的做法

ar container = document.getElementById('container'); for(var i = 0, len = someArray.length; i < len; i++) { container.innerHtml += 'my number: ' + i; console.log(i); }

7.构建字符串的最快方式

当需要遍历一个数组或者对象之时,不要总是使用你信手拈来的'for'语句,创造性地找个能够完成工作的最快速的方案.

var arr = ['item 1', 'item 2', 'item 3', ...]; var list = '<ul><li>' + arr.join('</li><li>') + '</li></ul>';

“我不会以测试基准来烦你;你只须相信我(或者自己去测试一下)—这是目前为止最快的方式!”

使用原生方法(比如join()),不用管抽象层面背后发生了什么,通常会比任何非原生方法快得多。

8.减少全局变量

通过将全局的东西封装进单个命名空间,能够大大降低与其他应用,部件,代码库交互混乱的概率.

 var name = 'jeffrey';var lastname = 'way';function doSomething(){...}console.log()

更好的做法

var DudeNameSpace = {name:'Jeffrey';lastname:'way',doSometing: function(){...}}console.log(DudeNameSpace.name);

9.注释你的代码

一开始看起来似乎没有必要,但请相信我,你将会想尽可能好地注释你的代码.当你几个月后再次回到项目,会发生什么呢?发现你根本没法轻松的及其当初对每一行代码的想法.或者,如果你的某个同事需要修改你的代码,那又会怎么样呢?始终,一直记着注释你代码的重要部分吧.

10.拥抱渐进增强

始终考虑到如何处理JavaScript禁用的情况.也许你会想"大多数我网页的阅读器都是启用JavaScript的,因此我不担心这个问题.然而,这回事一个巨大的错误.

你曾花时间去看过关闭JavaScript后你的漂亮的花动态哦是什么样么?也许他会完全破坏你的站点.按照以往经验,设计你的站点是应假设将会禁用JavaScript,那么,一旦你这样做了,那么开始渐进的增强你的网页布局吧!

11.不要传递字符串给"SetInterval"或"SetTimeout"

考虑一下如下代码:

etInterval( "document.getElementById('container').innerHTML += 'my new number: ' + i", 3000 );

这段代码不仅抵消,而且其行为与"eval"函数相同.永远不要传给字符串给SetInterval和SetTimeout.相反,颍川地一个函数名.

setInterval(someFunction, 3000);

12.不要使用"with"语句

乍一看,'with'语句似乎是个聪明的想法.基本概念是他们能够为深度嵌套对象提供一种简写方式,例如...

with (being.person.man.bodyparts) { arms = true; legs = true; }

取代如下写法

being.person.man.bodyparts.arms = true; being.person.man.bodyparts.legs = true;

很不幸,经过一些测试,会发现这种简写在设置新成员时表现非常糟糕.作为替代.你应该使用var.

var o = being.person.man.bodyparts; o.arms = true; o.legs = true;

13 使用{}而不是new Object()

JavaScript中有很多种穿件对象的方式.也许更传统的方式是使用''new''构造器.像这样:

var o = new Object(); o.name = 'Jeffrey'; o.lastname = 'Way'; o.someFuncion = function() { console.log(this.name); }

然而,这种方式因其行为并不是我们所想的那样而被认为是"糟糕的实践".相反,我推荐你使用更健壮的对象字面方法.

更好的写法

var o = { name: 'Jeffrey', lastName: 'Way', someFunction: function() { console.log(this.name); } };

注意如果你只是想简单地创建个空对象,{}就派上用场了.

var o = {};

对象字面量使我们能够编写支持很多特性的代码,并对代码的实现者来说代码仍然相对直观,不需要直接调用构造器或维护传递给函数的参数的正确顺序,等等.

14.使用[]而不是New Array()

这同样适用于创建一个新数组

过去的写法

var a = new Array(); a[0] = 'Joe'; a[1] = 'Plumber';

更好的写法 var a = ['Joe', 'Plumber'];

Javascript中一个常见的错误是需要数组时使用对象或需要对象时使用数组,规则很简单:当属姓名是小的连续整数时,你应该使用数组,否则,使用对象

15.一长串变量? 省略''var''关键字,使用逗号替代

var someItem = 'some string'; var anotherItem = 'another string'; var oneMoreItem = 'one more string';

更好的写法

var someItem = 'some string', anotherItem = 'another string', oneMoreItem = 'one more string';

相当的不言自明,我不知道这里是否有任何真正的速度提升,但是它使你的代码更加简洁了.

16.始终,始终使用分号

技术上来说,大多数浏览器都允许你省略一些分号

var someItem = 'some string' function doSomething() { return 'something' }

话虽如此,但这是一种非常糟糕的做法,可能导致更大的问题,问题查找起来也更困难

更好的写法

var someItem = 'some string'; function doSomething() { return 'something'; }

18.For in 语句

遍历对象内的成员时,你也会得到方法函数,为了解决这个问题,应始终将你的代码包装在一个if语句中来过滤信息

for(key in object) { if(object.hasOwnProperty(key)) { ... then do something... } }

19.使用firebug的''Timer''特性来优化代码

需要一种快速简单地方法来检测一个操作花费多长时间么?

使用Firebug的timer特性记录结果

function TimeTracker() { console.time("MyTimer"); for(x=5000; x > 0; x--){} console.timeEnd("MyTimer"); }

20.读书 面向对象的JavaScript

  • JavaScript:语言精粹

  • 学习jQuery 1.3

  • 学习JavaScript

  • 21.自执行函数(self-executing functions)

    相比调用函数,当页面加载或调用父函数时,让函数自动执行会简单些.简单地将你的函数包装在圆括号内,并添加额外的一对圆括号,其本质上就调用了这个函数

    (function doSomething() { return { name: 'jeff', lastName: 'way' }; })();

    22.原始(raw)javascript代码的执行速度始终快于使用代码库

    Javascript代码库,如jQuery和mootools,能够为你节省大量的编码时间--特别是使用ajax操作.话虽如此,适中谨记代码库的执行速度适中是比不上原始JavaScript代码的(假设了代码的正确性)

    jQuery的each方法来做遍历非常赞,但使用原生for语句适中会快一些

    23.crockford的json.parse

    虽然JavaScript 2 应该有一个内置的json解析器,但我们仍旧需要自己实现.Douglas Crockford,JSON的创造者,已经实现了一个解析器供你使用。可以从这里下载。

    简单地导入该脚本,你就能获得一个新的json全局对象,用于解析你的.json文件.

    var response = JSON.parse(xhr.responseText); var container = document.getElementById('container'); for(var i = 0, len = response.length; i < len; i++) { container.innerHTML += '<li>' + response[i].name + ' : ' + response[i].email + '</li>'; }

    24.删除''language''

    在script标签内最常见的language属性,现在已经不用了

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

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

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

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

    总之,JavaScript是一种强大的脚本语言,可以为网页和应用程序增加交互性和动态效果。它是现代Web开发的必备技能之一,对于想要成为Web开发者的人来说,学习JavaScript是非常重要的一步。

    JavaScript可以用于各种用途,包括创建动态网页、开发桌面应用程序、编写服务器端代码和开发移动应用程序。它可以与HTML和CSS结合使用,通过DOM和BOM API来访问和修改网页内容和浏览器信息。JavaScript还可以与许多其他技术和框架(如React、Vue、Node.js等)结合使用,以实现更高级的功能。

    总之,JavaScript是一种强大的脚本语言,可以为网页和应用程序增加交互性和动态效果。它是现代Web开发的必备技能之一,对于想要成为Web开发者的人来说,学习JavaScript是非常重要的一步。

    JavaScript可以用于各种用途,包括创建动态网页、开发桌面应用程序、编写服务器端代码和开发移动应用程序。它可以与HTML和CSS结合使用,通过DOM和BOM API来访问和修改网页内容和浏览器信息。JavaScript还可以与许多其他技术和框架(如React、Vue、Node.js等)结合使用,以实现更高级的功能。

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

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

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

    总之,JavaScript是一种强大的脚本语言,可以为网页和应用程序增加交互性和动态效果。它是现代Web开发的必备技能之一,对于想要成为Web开发者的人来说,学习JavaScript是非常重要的一步。

    JavaScript可以用于各种用途,包括创建动态网页、开发桌面应用程序、编写服务器端代码和开发移动应用程序。它可以与HTML和CSS结合使用,通过DOM和BOM API来访问和修改网页内容和浏览器信息。JavaScript还可以与许多其他技术和框架(如React、Vue、Node.js等)结合使用,以实现更高级的功能。

    总之,JavaScript是一种强大的脚本语言,可以为网页和应用程序增加交互性和动态效果。它是现代Web开发的必备技能之一,对于想要成为Web开发者的人来说,学习JavaScript是非常重要的一步。

    JavaScript可以用于各种用途,包括创建动态网页、开发桌面应用程序、编写服务器端代码和开发移动应用程序。它可以与HTML和CSS结合使用,通过DOM和BOM API来访问和修改网页内容和浏览器信息。JavaScript还可以与许多其他技术和框架(如React、Vue、Node.js等)结合使用,以实现更高级的功能。

    帮助Web前端初学者快速掌握JavaScript技术的方法

    今天小编要跟大家分享的文章是关于帮助web前端初学者快速掌握JavaScript技术的方法。当你试图学习JavaScript或其他编程语言的时候,你通常会遇到如下挑战:

    ·一些概念让你感到困惑,特别是如果之前学过其他类型的语言。

    ·很难找到学习的时间(或者动力)去学习。

    ·你很容易忘掉之前学到的东西。

    ·JavaScript工具太多并且经常更新,以至于很难找到学习的切入点。

    幸运的是,这些难题最终能够被克服。在这篇文章,将展示六个能够帮助你更快、更开心、更高效地学习JavaScript的六个思维技巧。下面来和小编一起看一看吧!

    1、不要对未来的忧虑干扰你现在的学习

    有些JavaScript初学者会问刚开始要学习哪种框架,但是如果你还没能熟练使用原生JavaScript,你就不应该问这种问题。因为你会花很多时间研究各种框架而得不到进步。

    走出这个陷阱的一个方法是制定一个学习路径图。例如,要成为前端开发,你的路径图可能是下图。在将来你能够使用HTML和CSS制作动态页面。

    将上图步骤分开执行,每个时间段只专注于提高一项技能,你将不会把时间浪费在担心后面的技能上。

    2、不要让自信骗你进入持续遗忘的陷阱

    快速理解一个概念会是JavaScript进步的最大阻碍,下面我将解释。

    当你遇到一个知识点,而你好像理解了,你很可能抑制不住内心跳到下一个知识点的冲动。现实可能是你会理解下一个知识点然后继续跳到下一个知识点。但是,很快你会到达一个节点,在这个节点你发现自己已经忘了前面所学,于是你需要回过头复习,你快速瞟了一下之前所学然后又继续学习新的知识。但是现在,你忘记了其他东西。你一直重复这种继续-回顾-继续-回顾模式直到你发现自己完全迷失。你开始沮丧,想要休息,然后当你开始重振旗鼓,却发现自己已经忘掉所有。

    幸运的是,我们有两个应对上述问题的方法:

    1、一次只学一样东西

    2、做练习-实际上是敲代码

    当你学习一个新的概念,你要将它实践出来,练习它,与它和善相处,甚至能够将它与其他概念联系到一起。当你学习一个示例,最重要的是你要自己将代码敲出来,这样能帮助你吸收它。另外,一次只学一个东西能够帮助你巩固所学,因为记忆更少的东西更容易。

    这个过程看起来貌似比阅读然后快速跳到下一个知识点要花费更长的时间,但是实际上它所花的时间更少,因为这样你就不需要频繁复习之前所学。我在好几个场合后才艰难的领悟到这个道理。

    3、使用正确的思维方式练习

    很多人认为敲代码是烦人的重复性工作,所以他们通常会跳过这个步骤试着寻找捷径。如果你试图为JavaScript练习寻找捷径,你将会为此花费更多的时间。但是我们如何才能使得敲代码更加的有趣,使得我们愿意去敲代码呢?

    试着改变为下面的思维模式:

    如果你刚学了一个JavaScript概念,然而你被告知不能使用它,对此你感觉如何?个人来说我会感到有点恼火,特别是为了弄懂它我花费了宝贵的时间。这就像是一个小孩得到了一个新的玩具,但却被不能玩它。

    当你学习JavaScript的新知识,试着将这个知识点视作一个新玩具,例如新车、一双新鞋、或任何你觉得值得有趣的东西。然后,不要把敲代码当成工作,将敲代码视作你正在玩游戏。你正在使用刚学的技能做一些很酷的事情。给自己惊喜,把成果展示给你的朋友。

    带着游戏的思维模式你将学得更快,将记忆的更牢,同时你将体会到更多乐趣。

    4、使用技巧为编程腾时间

    人们遇到的一个普遍问题是,他们通常找不到时间去敲代码。通常,这些人会花好几个小时浏览例如、、Wikipedia或者Reddit这样的网站。无论你是否符合上述描述,我们都能从中学到一些东西。

    我当然有时间只浏览一会儿,但通常我会在上面待好几个小时浏览往返。这是如何发生的?我认为原因在于,刚开始我并没打算花在这上面花费那么多时间。开始行动是做一件事情最困难的部分,所以将目标设定的足够小能够帮助我们进入状态。如果有人问我是不是打算花几个小时浏览,我会回答不,因为我没有时间。然而,对于仅仅尝试一下我是能够接受的,这也是我能够沉浸其中的方法。

    好消息是,你能够对敲代码运用同样的心理技巧。不要计划花几个小时敲代码,因为你会发现自己没有时间。相反的,告诉自己只敲三分钟代码。这样你就不需要为寻找敲代码的时间烦心。

    5、思考的慢你将学得更快

    这一条听起来违反直觉,所以下面我将用一个故事来解释。

    我的一个朋友又一次对JavaScript的一个特到困惑。我让他将他知道的解释给我听,然后告诉我哪儿让他困惑。当它向我解释代码,我发现他在跳步。

    “等会儿!”我说道。“慢慢来,然后将这些一步步解释给我听。”

    我的朋友直接将整个代码的功能总结给我听。

    我再次让他暂停。“你还是在跳步。再解释一次,这次我需要你一步步将每一行代码发生了什么解释给我听。”

    这一次,我的朋友能够更好的解释代码是如何运行的。关键在于他花时间去理解每一行代码而不是试图一下理解所有。

    在上述这种案例中,思考的更慢实际上让你学得更快。

    6、在写复杂代码前先用简单语言写下

    如果你要写的代码是复杂并且不常见的,先用简单语言将代码写下。这样,你能够你能够在真正写之前知道自己要做什么。下面是使用这个方法的两个好处:

    1、你将更容易更快速的写代码,因为你不需要时刻停下来思考自己将要怎么做。

    2、由于你知道代码要干什么,能够更好的排除错误。

    总结:

    我们已经讲了好几个更快速学习JavaScript的方法,但是你也能将上述方法运用于学习其他东西。下面是上述方法的概括:

    1、不要再想将要学什么,沉浸于现在

    2、通过把新技能当做玩具使得练习更有趣

    3、就像浏览、之类的网站一样,在敲代码前告诉自己只敲几分钟,这样你就拥有了敲代码的时间

    4、慢下来,小步向前,你将学得更快

    以上就是小编今天为大家分享的关于帮助web前端初学者快速掌握JavaScript技术的方法的文章,希望本篇文章能够对正在从事web前端学习的小伙伴们有所帮助,想要了解更多web前端相关知识记得关注北大青鸟web培训官网,最后祝愿小伙伴们工作顺利,成为一名优秀的web前端工程师。

    来源:#/shehui/2016/10-24/11717064.html

    javascript基础入门

    JavaScript是一种脚本语言,用于在网页上增加交互性和动态效果。随着互联网的发展,JavaScript的应用越来越广泛,成为前端开发的重要技能之一。本文将介绍JavaScript的基础语法和常用操作,帮助初学者入门。
    1. 变量和数据类型
    在JavaScript中,可以使用var、let或const关键字声明变量。变量可以存储不同类型的数据,如字符串、数字、布尔值、数组和对象。不同的数据类型有不同的操作方式和*。
    2. 运算符和表达式
    JavaScript支持基本的算术运算符(+、-、*、/),比较运算符(>、
    3. 条件语句
    使用if、else if和else语句可以根据不同的条件执行不同的代码块。可以使用比较运算符和逻辑运算符控制条件。
    4. 循环语句
    使用for、while和do-while语句可以重复执行一段代码块,直到满足某个条件为止。可以使用break和continue语句控制循环的执行。
    5. 函数
    函数是一段可以重复使用的代码块,可以接收参数并返回值。使用function关键字定义函数,可以在代码中多次调用。
    6. 数组和对象
    数组是一组有序的值,可以使用下标访问和修改其中的元素。对象是一组无序的键值对,可以使用键名访问和修改其中的值。数组和对象可以嵌套使用,形成复杂的数据结构。
    7. DOM操作
    DOM是文档对象模型,它表示网页中的各个元素和属性。可以通过JavaScript代码操作DOM,实现网页的动态效果和交互性。例如,可以使用document对象获取元素、修改样式、添加事件等。
    以上是JavaScript的基础内容,希望本文能够帮助读者快速入门。随着对JavaScript的深入学习,可以了解更多高级语法和技巧,提高前端开发的能力。

    javascript基础入门

    JavaScript是一种脚本语言,用于在网页上增加交互性和动态效果。随着互联网的发展,JavaScript的应用越来越广泛,成为前端开发的重要技能之一。本文将介绍JavaScript的基础语法和常用操作,帮助初学者入门。
    1. 变量和数据类型
    在JavaScript中,可以使用var、let或const关键字声明变量。变量可以存储不同类型的数据,如字符串、数字、布尔值、数组和对象。不同的数据类型有不同的操作方式和*。
    2. 运算符和表达式
    JavaScript支持基本的算术运算符(+、-、*、/),比较运算符(>、
    3. 条件语句
    使用if、else if和else语句可以根据不同的条件执行不同的代码块。可以使用比较运算符和逻辑运算符控制条件。
    4. 循环语句
    使用for、while和do-while语句可以重复执行一段代码块,直到满足某个条件为止。可以使用break和continue语句控制循环的执行。
    5. 函数
    函数是一段可以重复使用的代码块,可以接收参数并返回值。使用function关键字定义函数,可以在代码中多次调用。
    6. 数组和对象
    数组是一组有序的值,可以使用下标访问和修改其中的元素。对象是一组无序的键值对,可以使用键名访问和修改其中的值。数组和对象可以嵌套使用,形成复杂的数据结构。
    7. DOM操作
    DOM是文档对象模型,它表示网页中的各个元素和属性。可以通过JavaScript代码操作DOM,实现网页的动态效果和交互性。例如,可以使用document对象获取元素、修改样式、添加事件等。
    以上是JavaScript的基础内容,希望本文能够帮助读者快速入门。随着对JavaScript的深入学习,可以了解更多高级语法和技巧,提高前端开发的能力。

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

    JavaScript程序构成

    JavaScript脚本语言的基本构成是由控制语句 函数 对象 方法 属性等 来实现编程的

    一 程序控制流  在任何一种语言中 程序控制流是必须的 它能使得整个程序减小混乱 使之顺利按其一定的方式执行 下面是JavaScript常用的程序控制流结构及语句:1 if条件语句 基本格式if(表述式)语句段1 else语句段2  功能 若表达式为true 则执行语句段1 否则执行语句段2  说明 if else 语句是JavaScript中最基本的控制语句 通过它可以改变语句的执行顺序 表达式中必须使用关系语句 来实现判断 它是作为一个布尔值来估算的 它将零和非零的数分别转化成false和true 若if后的语句有多行 则必须使用花括号将其括起来  if语句的嵌套if(布尔值)语句1 else(布尔值)语句2 else if(布尔值)语句3 ……else 语句4  在这种情况下 每一级的布尔表述式都会被计算 若为真 则执行其相应的语句 否则执行else后的语句  2 For循环语句 基本格式for(初始化 条件 增量)语句集  功能 实现条件循环 当条件成立时 执行语句集 否则跳出循环体  说明 初始化参数告诉循环的开始位置 必须赋予变量的初值 条件 是用于判别循环停止时的条件 若条件满足 则执行循环体 否则 跳出 增量 主要定义循环控制变量在每次循环时按什么方式变化 三个主要语句之间 必须使用逗号分隔  3 while循环 基本格式while(条件)语句集 该语句与For语句一样 当条件为真时 重复循环 否则退出循环  For与while语句  两种语句都是循环语句 使用For语句在处理有关数字时更易看懂 也较紧凑 而while循环对复杂的语句效果更特别

    4 break和continue语句  与C++语言相同 使用break语句使得循环从For或while中跳出 continue使得跳过循环内剩余的语句而进入下一次循环

    二 函数  函数为程序设计人员提供了一个丰常方便的能力 通常在进行一个复杂的程序设计时 总是根据所要完成的功能 将程序划分为一些相对独立的部分 每部分编写一个函数 从而 使各部分充分独立 任务单一 程序清晰 易懂 易读 易维护 JavaScript函数可以封装那些在程序中可能要多次用到的模块 并可作为事件驱动的结果而调用的程序 从而实现一个函数把它与事件驱动相关联 这是与其它语言不样的地方

    1 JavaScript函数定义Function 函数名 (参数 变元){函数体; Return 表达式;}说明  当调用函数时 所用变量或字面量均可作为变元传递  函数由关键字Function定义  函数名 定义自己函数的名字  参数表 是传递给函数使用或操作的值 其值可以是常量 变量或其它表达式  通过指定函数名(实参)来调用一个函数  必须使用Return将值返回  函数名对大小写是敏感的  2 函数中的形式参数   在函数的定义中 我们看到函数名后有参数表 这些参数变量可能是一个或几个 那么怎样才能确定参数变量的个数呢?在JavaScript中可通过arguments Length来检查参数的个数 例 Function function_Name(exp exp exp exp )Number =function _Name arguments length;if (Number> )document wrile(exp );if (Number> )document write(exp );if(Number> )document write(exp );

    三 事件驱动及事件处理1 基本概念  JavaScript是基于对象(object based)的语言 这与Java不同 Java是面向对象的语言 而基于对象的基本特征 就是采用事件驱动(event driven) 它是在用形界面的环境下 使得一切输入变化简单化 通常鼠标或热键的动作我们称之为事件(Event) 而由鼠标或热键引发的一连串程序的动作 称之为事件驱动(Event Driver) 而对事件进行处理程序或函数 我们称之为事件处理程序(Event Handler)

    2 事件处理程序  在JavaScript中对象事件的处理通常由函数(Function)担任 其基本格式与函数全部一样 可以将前面所介绍的所有函数作为事件处理程序 格式如下 Function 事件处理名(参数表){事件处理语句集 ……}

    3 事件驱动  JavaScript事件驱动中的事件是通过鼠标或热键的动作引发的 它主要有以下几个事件 (1)单击事件onClick  当用户单击鼠标按钮时 产生onClick事件 同时onClick指定的事件处理程序或代码将被调用执行 通常在下列基本对象中产生 button(按钮对象)checkbox(复选框)或(检查列表框)radio (单选钮)reset buttons(重要按钮)submit buttons(提交按钮)

    例 可通过下列按钮激活change()文件 <Form><Input type= button Value= onClick= change() ></Form>  在onClick等号后 可以使用自己编写的函数作为事件处理程序 也可以使用JavaScript中内部的函数 还可以直接使用JavaScript的代码等 例 <Input type= button value= onclick=alert( 这是一个例子 );(2)onChange改变事件  当利用text或texturea元素输入字符值改变时发该事件 同时当在select表格项中一个选项状态改变后也会引发该事件 例 <Form><Input type= text name= Test value= Test onCharge= check( this test) ></Form>(3)选中事件onSelect  当Text或Textarea对象中的文字被加亮后 引发该事件 (4)获得焦点事件onFocus  当用户单击Text或textarea以及select对象时 产生该事件 此时该对象成为前台对象 (5)失去焦点onBlur  当text对象或textarea对象以及select对象不再拥有焦点 而退到后台时 引发该文件 他与onFocas事件是一个对应的关系 (6)载入文件onLoad  当文档载入时 产生该事件 onLoad一个作用就是在首次载入一个文档时检测cookie的值 并用一个变量为其赋值 使它可以被源代码使用 (7)卸载文件onUnload  当Web页面退出时引发onUnload事件 并可更新Cookie的状态

    四 范例  范例 下例程序是一个自动装载和自动卸载的例子 即当装入HTML文档时调用loadform()函数 而退出该文档进入另一HTML文档时则首先调用unloadform()函数 确认后方可进入 <HTML><HEAD><script Language= JavaScript ><! function loadform(){alert( 这是一个自动装载例子! );}function unloadform(){alert( 这是一个卸载例子! );}// ></Script></HEAD><BODY OnLoad= loadform() OnUnload= unloadform() ><a >调用</a></BODY></HTML> 范例 这是一个获取浏览器版本号的程序 该程序首先显示一个波浪一提示信息 之后显示浏览器的版本号有关信息 <><head><script language= JavaScript ><! // >function makeArray(n){this length=nreturn this}function hexfromdec(num) {hex=new makeArray( );var hexstring= ;var shifthex= ;var temp =num;for(x= ; x>= ; x ) {hex[x]=Math round(temp /shifthex );hex[x ]=temp hex[x] * shifthex;temp =hex[x ];shifthex /= ;}for (x= ; x>= ; x ) { hexstring+=getletter(hex[x]); }return (hexstring);} function getletter(num) {if (num < ) { return num; }else {if (num == ) { return A }if (num == ) { return B }if (num == ) { return C }if (num == ) { return D }if (num == ) { return E }if (num == ) { return F }}}function rainbow(text){var color_d ;var allstring= ;for(i= ;i<text length;i=i+ ){color_d = *Math sin(i/(text length/ ));color_h =hexfromdec(color_d );allstring+= <FONT COLOR= +color_h + ff +color_h + > +text substring(i i+ )+ </FONT> ;}return allstring;} function sizefont(text){var color_d ;var allstring= ;var flag= ;for(i= j= ;i<text length;i=i+ ){if (flag== ) {j++;if (j>= ) {flag= ;}}if (flag== ) {j=j ;if (j<= ) {flag= ; }}allstring+= <FONT SIZE= + j + > + text substring(i i+ ) + </FONT> ;}return allstring;}document write( <font size= ><CENTER> )document write( <BR><BR> )document write( sizefont( 这是一个获取WEB浏览器的程序 ))document write( </CENTER></font> )document write( 浏览器名称: +navigator appName+ <br> );document write( 版本号: +navigator appVersion+ <br> );document write( 代码名字: +navigator appCodeName+ <br> );document write( 用户代理标识: +navigator userAgent);</script><body></body></>输出结果图 所示

    lishixin/Article/program/Java/JSP/201311/19230

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

      JavaScript程序构成

      JavaScript脚本语言的基本构成是由控制语句 函数 对象 方法 属性等 来实现编程的

      一 程序控制流  在任何一种语言中 程序控制流是必须的 它能使得整个程序减小混乱 使之顺利按其一定的方式执行 下面是JavaScript常用的程序控制流结构及语句:1 if条件语句 基本格式if(表述式)语句段1 else语句段2  功能 若表达式为true 则执行语句段1 否则执行语句段2  说明 if else 语句是JavaScript中最基本的控制语句 通过它可以改变语句的执行顺序 表达式中必须使用关系语句 来实现判断 它是作为一个布尔值来估算的 它将零和非零的数分别转化成false和true 若if后的语句有多行 则必须使用花括号将其括起来  if语句的嵌套if(布尔值)语句1 else(布尔值)语句2 else if(布尔值)语句3 ……else 语句4  在这种情况下 每一级的布尔表述式都会被计算 若为真 则执行其相应的语句 否则执行else后的语句  2 For循环语句 基本格式for(初始化 条件 增量)语句集  功能 实现条件循环 当条件成立时 执行语句集 否则跳出循环体  说明 初始化参数告诉循环的开始位置 必须赋予变量的初值 条件 是用于判别循环停止时的条件 若条件满足 则执行循环体 否则 跳出 增量 主要定义循环控制变量在每次循环时按什么方式变化 三个主要语句之间 必须使用逗号分隔  3 while循环 基本格式while(条件)语句集 该语句与For语句一样 当条件为真时 重复循环 否则退出循环  For与while语句  两种语句都是循环语句 使用For语句在处理有关数字时更易看懂 也较紧凑 而while循环对复杂的语句效果更特别

      4 break和continue语句  与C++语言相同 使用break语句使得循环从For或while中跳出 continue使得跳过循环内剩余的语句而进入下一次循环

      二 函数  函数为程序设计人员提供了一个丰常方便的能力 通常在进行一个复杂的程序设计时 总是根据所要完成的功能 将程序划分为一些相对独立的部分 每部分编写一个函数 从而 使各部分充分独立 任务单一 程序清晰 易懂 易读 易维护 JavaScript函数可以封装那些在程序中可能要多次用到的模块 并可作为事件驱动的结果而调用的程序 从而实现一个函数把它与事件驱动相关联 这是与其它语言不样的地方

      1 JavaScript函数定义Function 函数名 (参数 变元){函数体; Return 表达式;}说明  当调用函数时 所用变量或字面量均可作为变元传递  函数由关键字Function定义  函数名 定义自己函数的名字  参数表 是传递给函数使用或操作的值 其值可以是常量 变量或其它表达式  通过指定函数名(实参)来调用一个函数  必须使用Return将值返回  函数名对大小写是敏感的  2 函数中的形式参数   在函数的定义中 我们看到函数名后有参数表 这些参数变量可能是一个或几个 那么怎样才能确定参数变量的个数呢?在JavaScript中可通过arguments Length来检查参数的个数 例 Function function_Name(exp exp exp exp )Number =function _Name arguments length;if (Number> )document wrile(exp );if (Number> )document write(exp );if(Number> )document write(exp );

      三 事件驱动及事件处理1 基本概念  JavaScript是基于对象(object based)的语言 这与Java不同 Java是面向对象的语言 而基于对象的基本特征 就是采用事件驱动(event driven) 它是在用形界面的环境下 使得一切输入变化简单化 通常鼠标或热键的动作我们称之为事件(Event) 而由鼠标或热键引发的一连串程序的动作 称之为事件驱动(Event Driver) 而对事件进行处理程序或函数 我们称之为事件处理程序(Event Handler)

      2 事件处理程序  在JavaScript中对象事件的处理通常由函数(Function)担任 其基本格式与函数全部一样 可以将前面所介绍的所有函数作为事件处理程序 格式如下 Function 事件处理名(参数表){事件处理语句集 ……}

      3 事件驱动  JavaScript事件驱动中的事件是通过鼠标或热键的动作引发的 它主要有以下几个事件 (1)单击事件onClick  当用户单击鼠标按钮时 产生onClick事件 同时onClick指定的事件处理程序或代码将被调用执行 通常在下列基本对象中产生 button(按钮对象)checkbox(复选框)或(检查列表框)radio (单选钮)reset buttons(重要按钮)submit buttons(提交按钮)

      例 可通过下列按钮激活change()文件 <Form><Input type= button Value= onClick= change() ></Form>  在onClick等号后 可以使用自己编写的函数作为事件处理程序 也可以使用JavaScript中内部的函数 还可以直接使用JavaScript的代码等 例 <Input type= button value= onclick=alert( 这是一个例子 );(2)onChange改变事件  当利用text或texturea元素输入字符值改变时发该事件 同时当在select表格项中一个选项状态改变后也会引发该事件 例 <Form><Input type= text name= Test value= Test onCharge= check( this test) ></Form>(3)选中事件onSelect  当Text或Textarea对象中的文字被加亮后 引发该事件 (4)获得焦点事件onFocus  当用户单击Text或textarea以及select对象时 产生该事件 此时该对象成为前台对象 (5)失去焦点onBlur  当text对象或textarea对象以及select对象不再拥有焦点 而退到后台时 引发该文件 他与onFocas事件是一个对应的关系 (6)载入文件onLoad  当文档载入时 产生该事件 onLoad一个作用就是在首次载入一个文档时检测cookie的值 并用一个变量为其赋值 使它可以被源代码使用 (7)卸载文件onUnload  当Web页面退出时引发onUnload事件 并可更新Cookie的状态

      四 范例  范例 下例程序是一个自动装载和自动卸载的例子 即当装入HTML文档时调用loadform()函数 而退出该文档进入另一HTML文档时则首先调用unloadform()函数 确认后方可进入 <HTML><HEAD><script Language= JavaScript ><! function loadform(){alert( 这是一个自动装载例子! );}function unloadform(){alert( 这是一个卸载例子! );}// ></Script></HEAD><BODY OnLoad= loadform() OnUnload= unloadform() ><a >调用</a></BODY></HTML> 范例 这是一个获取浏览器版本号的程序 该程序首先显示一个波浪一提示信息 之后显示浏览器的版本号有关信息 <><head><script language= JavaScript ><! // >function makeArray(n){this length=nreturn this}function hexfromdec(num) {hex=new makeArray( );var hexstring= ;var shifthex= ;var temp =num;for(x= ; x>= ; x ) {hex[x]=Math round(temp /shifthex );hex[x ]=temp hex[x] * shifthex;temp =hex[x ];shifthex /= ;}for (x= ; x>= ; x ) { hexstring+=getletter(hex[x]); }return (hexstring);} function getletter(num) {if (num < ) { return num; }else {if (num == ) { return A }if (num == ) { return B }if (num == ) { return C }if (num == ) { return D }if (num == ) { return E }if (num == ) { return F }}}function rainbow(text){var color_d ;var allstring= ;for(i= ;i<text length;i=i+ ){color_d = *Math sin(i/(text length/ ));color_h =hexfromdec(color_d );allstring+= <FONT COLOR= +color_h + ff +color_h + > +text substring(i i+ )+ </FONT> ;}return allstring;} function sizefont(text){var color_d ;var allstring= ;var flag= ;for(i= j= ;i<text length;i=i+ ){if (flag== ) {j++;if (j>= ) {flag= ;}}if (flag== ) {j=j ;if (j<= ) {flag= ; }}allstring+= <FONT SIZE= + j + > + text substring(i i+ ) + </FONT> ;}return allstring;}document write( <font size= ><CENTER> )document write( <BR><BR> )document write( sizefont( 这是一个获取WEB浏览器的程序 ))document write( </CENTER></font> )document write( 浏览器名称: +navigator appName+ <br> );document write( 版本号: +navigator appVersion+ <br> );document write( 代码名字: +navigator appCodeName+ <br> );document write( 用户代理标识: +navigator userAgent);</script><body></body></>输出结果图 所示

      lishixin/Article/program/Java/JSP/201311/19230

        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的最佳方法之一是通过实践。您可以通过编写代码来练习,例如在HTML文件中添加JavaScript代码,或者在浏览器中打开控制台并输入代码进行测试。此外,您可以阅读一些入门级别的JavaScript书籍,例如《JavaScript忍者秘籍》或《JavaScript高级程序设计》 。这些书籍将帮助您了解JavaScript的基础知识和语法,并提供一些实践项目来帮助您巩固所学内容。

            另外,您可以使用在线资源来帮助您学习JavaScript,例如MDN Web Docs和W3Schools。这些网站提供了有关JavaScript的详细信息,包括语法、函数、对象、数组等。

            关于javascript(初学者)

            举个例子:

            <a id="link1" name="link1" href="http://www.unihan.com.cn/">Unihan</a>

            =============

            同一页面内的引用方法:

            1、使用id:

            link1.href

            2、使用name:

            document.all.link1.href

            3、使用sourseIndex:

            document.all(4).href //注意,前面还有HTML、HEAD、TITLE和BODY,所以是4

            4、使用链接集合:

            document.anchors(0).href

            //全部的集合有all、anchors、applets、areas、attributes、behaviorUrns、bookmarks、boundElements、cells、childNodes、children、controlRange、elements、embeds、filters、forms、frames、images、imports、links、mimeTypes、options、plugins、rows、rules、scripts、styleSheets、tBodies、TextRectangle,请参考MSDN介绍。

            其实方法3和方法4是一样使用的集合,只是一个是all,可以包括页面所有标记,而anchors只包括链接。

            5、getElementById:

            document.getElementById("link1").href

            6、getElementsByName:

            document.getElementsByName("link1")[0].href //这也是一个集合,是所有name等于该方法所带参数的标记的集合

            7、getElementsByTagName:

            document.getElementsByTagName("A")[0].href //这也是一个集合,是所有标记名称等于该方法所带参数的标记的集合

            8、tags集合:

            document.all.tags("A")[0].href

            //与方法7一样是按标记名称取得一个集合

            除此之外:

            event.scrElement可以获得触发时间的标记的引用;

            document.elementFromPoint(x,y)可以获得x和y坐标处的元素的引用;

            document.body.componentFromPoint(event.clientX,event.clientY)可以获得鼠标所在处元素的引用;

            还可以通过元素的父子节点和兄弟节点关系来引用,如nextSibling(当前节点的后一节点)、previousSibling(当前节点的前一节点)、childNodes、children、firstChild、lastChild、parentElement等都是父子节点和兄弟节点的一些引用;还不仅限于此。

            上面是同一页面内的常见引用方法,另外还涉及到不同页面中的

            =============

            对于分帧的页面

            可以使用parent.frames("帧的name")、top.frames("帧的name")来引用不同的帧,后面的引用和同一页面内市相同的,多重的parent也是支持的。

            例如:

            parent.frames("frame1").document.all.link1

            top.frames("frame1").document.all.link1

            =============

            对于window.open()开的窗口

            可以使用var newwin=window.open(),然后使用newwin来引用新窗口,后面的引用和同一页面内是相同的;新窗口可以使用window.opener来引用打开它的窗口,可以简写作opener,例如:

            var newwin=window.open()

            父窗口(这里是使用window.open()方法的窗口):

            newwin.document.all.link1 //父窗口这句可引用新窗口中的对象

            子窗口(window.open()方法打开的窗口):

            opener.document.all.link1 //子窗口这句可引用父窗口的对象

            多重opener也是支持的,例如:opener.opener.document.all.link1

            方法多种多样,有时候需要根据具体的情况而定,灵活运用才可以游刃有余。

            亿米科技网还为您提供以下相关内容希望对您有帮助:

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

            总之,JavaScript是一种强大的脚本语言,可以为网页和应用程序增加交互性和动态效果。它是现代Web开发的必备技能之一,对于想要成为Web开发者的人来说,学习JavaScript是非常重要的一步。JavaScript可以用于各种用途,包括创建动态网...

            javascript基础入门

            1. 变量和数据类型 在JavaScript中,可以使用var、let或const关键字声明变量。变量可以存储不同类型的数据,如字符串、数字、布尔值、数组和对象。不同的数据类型有不同的操作方式和限制。2. 运算符和表达式 JavaScript支持基...

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

            1 JavaScript函数定义Function 函数名 (参数 变元){函数体; Return 表达式;}说明 当调用函数时 所用变量或字面量均可作为变元传递 函数由关键字Function定义 函数名 定义自己函数的名字 参数表 是传递给函数使用或操作的值 其值可以...

            帮助Web前端初学者快速掌握JavaScript技术的方法

            1、不要对未来的忧虑干扰你现在的学习有些JavaScript初学者会问刚开始要学习哪种框架,但是如果你还没能熟练使用原生JavaScript,你就不应该问这种问题。因为你会花很多时间研究各种框架而得不到进步。走出这个陷阱的一个方法是...

            在javascript中,如何进行事件绑定?并举例说明。

            使用DOM 0级事件处理程序 另一种方式是通过JavaScript代码使用DOM 0级事件处理程序来绑定事件。这种方法是通过将函数赋值给元素的事件处理属性来实现的。例如:javascript var btn = document.getElementById("myButton");btn....

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

            &lt;Script Language = JavaScript &gt; JavaScript语言代码 JavaScript 语言代码; &lt;/Script&gt; 说明   通过标识&lt;Script&gt; &lt;/Script&gt;指明JavaScript脚本源代码将放入其间   通过属性Language = JavaScript 说明标识中是使用的何种语言 ...

            没有编程基础可以学javascript吗?我看了看书,看不懂啊?

            总之,没有编程基础的人是可以学习JavaScript的,但需要付出一定的努力和实践。通过选择适合初学者的学习资源、动手实践、寻求帮助以及持续学习和练习,你可以逐渐掌握JavaScript的基本概念和用法,并且逐渐提高自己的编程技能。

            TypeScript 入门指南

            JavaScript原始基础类型TypeScript类型 numbernumber booleanboolean stringstring nullnull undefinedundefined symbolsymbol bigIntbigInt 需要注意 number 和 Number 的区别:TypeScript中指定类型的时候要用 number ,这是TypeScript的类型关键字...

            javascript运行在什么的脚本语言

            同时,解释型语言通常比编译型语言更易于学习和使用,因为它们通常不需要复杂的编译步骤,可以直接运行。这也使得JavaScript成为了初学者和快速原型开发的理想选择。三、总结 总的来说,JavaScript是一种非常灵活的脚本语言,它...

            请问javascript自学需要多久时间?

            对于初学者来说,建议选择一套完整的基础教程,系统地学习JavaScript的基础知识和核心技术。同时,可以参考一些优秀的开源项目和代码示例,通过实践来加深对JavaScript的理解。每天投入的学习时间也是决定自学时间的重要因素。如果每天...

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

            热门图文

            • 蓿的诗有哪些

              1、蓿诗是《苜蓿·花开苜蓿送残春》、《题苜蓿峰寄家人》、《塞上·苜蓿秋高万马肥》、《游仙诗·台观茫茫苜蓿肥》、《怨女曲·空原悲风吹苜蓿》、《渔村杂诗·苜蓿村中卜钓矶》、《戏题·仲父不弃苜蓿盘》、《独骏图·连天苜蓿青茫茫》、《散材·先生苜蓿自阑干》、《同食大麦·大麦新炊苜蓿盘》。2、笔画是14。3、读音是xu。

            • 蓿的诗

              1、蓿诗是《苜蓿·花开苜蓿送残春》、《题苜蓿峰寄家人》、《塞上·苜蓿秋高万马肥》、《游仙诗·台观茫茫苜蓿肥》、《怨女曲·空原悲风吹苜蓿》、《渔村杂诗·苜蓿村中卜钓矶》、《戏题·仲父不弃苜蓿盘》、《独骏图·连天苜蓿青茫茫》、《散材·先生苜蓿自阑干》、《同食大麦·大麦新炊苜蓿盘》。2、笔画是14。3、读音是xu。

            • 蓿字的成语 蓿字的成语有哪些

              1、蓿成语是苜蓿盘空。2、笔画是14。3、读音是xu。4、笔顺是横、竖、竖、点、点、横撇。5、部首是艹。6、结构是上下结构。7、解释是见“苜”。8、组词是苜蓿、南苜蓿、黄花苜蓿、紫花苜蓿、苜蓿盘空。9、诗是《苜蓿·花开苜蓿送残春》、《题苜蓿峰寄家人》、《塞上·苜蓿秋高万马肥》、《游仙诗·台观茫茫苜蓿肥》、《怨女曲·空原悲风吹苜蓿》、《渔村杂诗·苜蓿村中卜钓矶》、《戏题·仲父不弃苜蓿盘》、《独骏图·连天苜蓿青茫茫》、《散材·先生苜蓿自阑干》、《同食大麦·大麦新炊苜蓿盘》。

            • 蓿字的成语有哪些

              1、蓿成语是苜蓿盘空。2、笔画是14。3、读音是xu。4、笔顺是横、竖、竖、点、点、横撇。5、部首是艹。6、结构是上下结构。7、解释是见“苜”。8、组词是苜蓿、南苜蓿、黄花苜蓿、紫花苜蓿、苜蓿盘空。9、诗是《苜蓿·花开苜蓿送残春》、《题苜蓿峰寄家人》、《塞上·苜蓿秋高万马肥》、《游仙诗·台观茫茫苜蓿肥》、《怨女曲·空原悲风吹苜蓿》、《渔村杂诗·苜蓿村中卜钓矶》、《戏题·仲父不弃苜蓿盘》、《独骏图·连天苜蓿青茫茫》、《散材·先生苜蓿自阑干》、《同食大麦·大麦新炊苜蓿盘》。

            • 蓿字的成语

              1、蓿成语是苜蓿盘空。2、笔画是14。3、读音是xu。4、笔顺是横、竖、竖、点、点、横撇。5、部首是艹。6、结构是上下结构。7、解释是见“苜”。8、组词是苜蓿、南苜蓿、黄花苜蓿、紫花苜蓿、苜蓿盘空。9、诗是《苜蓿·花开苜蓿送残春》、《题苜蓿峰寄家人》、《塞上·苜蓿秋高万马肥》、《游仙诗·台观茫茫苜蓿肥》、《怨女曲·空原悲风吹苜蓿》、《渔村杂诗·苜蓿村中卜钓矶》、《戏题·仲父不弃苜蓿盘》、《独骏图·连天苜蓿青茫茫》、《散材·先生苜蓿自阑干》、《同食大麦·大麦新炊苜蓿盘》。

            Top