美文网首页
javascript的理解及经典案例

javascript的理解及经典案例

作者: 爱编程的妹子 | 来源:发表于2017-10-27 23:32 被阅读0次

    js的简介:

    JavaScript是一种能让你的网页更加生动活泼的程式语言,也是目前网页中设计中最容易学又最方便的语言。

    你可以利用JavaScript轻易的做出亲切的欢迎讯息、漂亮的数字钟、有广告效果的跑马灯及简易的选举,还可以显示浏览器停留的时间。让这些特殊效果提高网页的可观性。

    javascript现在可以再网页上做很多很多事情,网页特效,操作dom,html5游戏(基于html5和JavaScript的结合),动画等等特效,还可以实现拉去后台数据(通过ajax),不仅可以做前台还可以做后台,

    比如node.js等等,再比如一些桌面引擎node-webkit可以将JavaScript渲染成桌面应用,在比如unity3d可以使用JavaScript写游戏(unity3d使用的JavaScript的语法,特性等等)

    JavaScript语言的特点:

    1).JavaScript主要用来向HTML页面中添加交互行为。

    2).JavaScript是一种脚本语言,语法和Java相似。

    3).JavaScript一般用来编写客户端的脚本。

    4).JavaScript是一种解释型语言,边执行边解释。

    JavaScript知识点解释:

    1、运算符

    运算符就是完成操作的一系列符号,它有七类: 赋值运算符、算术运算符、比较运算符、逻辑运算符、条件运算、位操作运算符和字符串运算符。

    2、表达式

    运算符和操作数的组合称为表达式,通常分为四类:赋值表达式、算术表达式、布尔表达式和字符串表达式。

    3、语句

    Javascript程序是由若干语句组成的,语句是编写程序的指令。Javascript提供了完整的基本编程语句,它们是: if~else,赋值语句、switch选择语句、while循环语句、for循环语句、do while循环语句、break循环中止语句和continue循环中断语句。

    注意:在判断的时候,只有这几种结果为false:即

    如果逻辑对象无初始值或者其值为 0、-0、null、""、false、undefined或者NaN,那么对象的值为false。否则,其值为true(即使当自变量为字符串"false"时)!

    4、函数

    函数是命名的语句段,这个语句段可以被当作一个整体来引用不着和执行。使用函数要注意以下几点:

    1)函数由关键字function定义;

    2)函数必须先定义后使用,否则将出错;

    3)函数名是调用函数时引用的名称,它对大小写是敏感的,调用函数时不可写错函数名;

    4)参数表示传递给函数使用或操作的值,它可以是常量,也可以是变量;

    5)return语句用于返回表达式的值,也可以没有。

    5、对象

    Javascript的一个重要功能就是基于对象的功能,通过基于对象的程序设计,可以用更直观、模块化和可重复使用的方式进行程序开发。   一组包含数据的属性和对属性中包含数据进行操作的方法,称为对象。比如要设定网页的背景颜色,所针对的对象就是document,所用的属性名是bgcolor,如document.bgcolor="blue",就是表示使背景的颜色为蓝色。

    6、事件

    用户与网页交互时产生的操作,称为事件。绝大部分事都由用户的动作所引发,如:用户按鼠标的按键,就产生onclick事件,若鼠标的指针在链接上移动,就产生onmouseover事件等等。在Javascript中,事件往往与事件处理程序配套使用。

    7、变量

    如 var myVariable = "some value";

    欢迎初学和进阶中的小伙伴:453833554

    【点击右边群号复制添加即可进Javascript学习群→】

    经典案例:

    js抽奖

    包含的知识点:计时器的使用,document对象的方法的使用,js数组的使用,js内置对象的使用,js系统函数的使用,注册事件。

    背景图片的切换

    包含的知识点:计时器的使用,document对象的方法的使用

    跑马灯:

    包含的知识点:计时器的使用,document对象的方法的使用,系统函数的使用,鼠标事件的使用,节点操作的使用,循环语句,判断语句

    javascript的一番理解,就到这了,以后有关于js的案例会放到这里。希望能帮到大家!!!

    欢迎初学和进阶中的小伙伴:453833554

    【点击右边群号复制添加即可进Javascript学习群→】

    如果想看到更加系统的文章和学习方法经验可以关注的微信号:‘web前端EDU’或者‘webxh5’关注后回复‘2017’可以领取一套完整的学习视频


    相关文章

      网友评论

          本文标题:javascript的理解及经典案例

          本文链接:https://www.haomeiwen.com/subject/rjcjpxtx.html