0

0

javascript入门学习指南新手篇

伊谢尔伦

伊谢尔伦

发布时间:2017-06-16 10:05:51

|

2582人浏览过

|

来源于php中文网

原创

javascript对于前端开发来说,是一门必学的课程,以下是入门的前3节课程,一起看看吧。

第一课
1:javascript的主要特点
解释型:不需要编译,浏览器直接解释执行
基于对象:我们可以直接使用JS已经创建的对象
事件驱动:可以对以事件驱动的方式相应客户端的输入,无须经过服务器端程序
安全性:不允许访问本地硬盘,不能将数据写入到服务器上
跨平台:js依赖浏览器本身,与操作系统无关

第二课
如何在网页中写Javascript
1:在页面中直接嵌入Javascript
    
javascript可以插入在

标签中间,
也可以放在标签中间    
最常用放在标签之间    

案例如下,将javascript代码插入在

标签中间。



初学javascript
    



案例2代码如下




我的年月日
    


2:引用外部的Javascript

立即学习Java免费学习笔记(深入)”;

如果脚本比较复杂或者是同一段代码被很多页面所使用,则可以将这些脚本代码放置在一个单独的文件中,该文件的扩展名是.js,然后再需要使用该代码的web页面中链接该javascript文件即可


(建议)以上代码一般写在

中间比较好

在.js后缀的文件中,不需要使用标签对括起来

表示的是加载页面时调用getDate()方法getdate()是定义在.js后缀的文件中的方法

此案例后缀是.html



引用外部的js
    



此案例后缀是.js

function getdate(){    var now=new Date();//获取日期对象
        var year=now.getYear()+1900;//获得年,在js中年份需要加1900才可以显示此时此刻的年份
        var month=now.getMonth()+1;//获得月份,月份是0-11,所以在js中需要加1
        var date=now.getDate();//获得日
        var day=now.getDay();//获得星期几
        var day_week=new Array("礼拜日","礼拜一","礼拜二","礼拜三","礼拜四","礼拜五","礼拜六");        
        var week=day_week[day];        
        var time="当前时间:"+year+"年"+month+"月"+date+"日"+week;
        alert(time);
    
}

第三课
javascript的语法
1:javascript的语法
  1.1:js的变量区分大小写
        usename,useName这是两个不同的变量
  1.2:每行结尾的分号可有可无,如果语句的结束没有分号,那么js
  会自动将这行代码的结尾作为语句的结尾
        alert("hello world");
        alert("hello world")
  1.3:变量是弱类型
        定义变量时只使用var运算符
        例如:var usename="biexiansheng";
              var age=22;
  1.4:使用大括号标签代码块
        {  //代码}被封装在大括号内的语句按照顺序执行
  1.5:注释
        1.5.1:单行注释  //
            单行注释使用双斜线"//"开头,在"//"后面的文字即为注释内容
            注释的内容在代码执行过程中不起作用。
            var now=new Date();//获取日期对象
        1.5.2:多行注释 /**/
            多行注释以/*开头,以*/结尾,在两者之间的内容为注释内容
            在代码执行过程中不起任何作用。
            /*
            *功能:获取当前日期
            *作者:biexiansheng
            */
            function getClock(){
                //内容
            }

百度文心百中
百度文心百中

百度大模型语义搜索体验中心

下载

第四课
javascript的数据类型(不管javascript有多少种数据类型,声明的时候只可以使用var来声明)
1:数值型
    整形:123   //十进制
          0123  //八进制,以0开头
          0x123 //十六进制 ,以0x开头(是零不是o)     
    浮点型:整数部分加小数部分,只能以十进制表示,不过可以使用科学记数法
          3.1415926   //标准形式的浮点数
          3.14E9      //采用科学计数法来表示,代表的是3.14乘以10的9次方
          
2:字符型
    字符型数据是使用单引号或者多引号括起来的一个或者多个字符
    例如:'a'    'hello world'
          "a"    "hello world"
    javascript中无char数据类型
    如果要表示单个字符,必须要使用长度为1的字符串
    
    单引号包含双引号 '"hello"'
    双引号包含单引号 "'world'"
3:布尔型
    布尔型数据只有true或者false,在js中也可以使用整数0代表false,使用非0的整数代表true

4:转义字符
    以反斜杠开头的不可显示的特殊字符通常称为控制字符,也被称为转义字符
    \b退格   \n换行   \f换页   \tTab符  \'单引号   \" 双引号   \\反斜杠 

5:空值
    null,用于定义空的或者不存在的引用
    例如 var a=null;
    
6:未定义值
    已经声明但是没有赋值的变量
    var a;
    alert(a);
    弹出undefined是关键字,用来代表未定义值    

 
 7:Array型
    数组类型,数组是包含基本和组合数据的序列,在javascript脚本语言中
    每一种数据类型对应一种对象,数据本质上即为Array对象。
     var score=[45,56,45,78,78,65];
    由于数组本质上为Array对象,则可用运算符new来创建新的数组,如
    var score=new Array(45,65,78,8,45);
    访问数组中特定元素可通过该元素的索引位置index来实现,如下面语句声明
    变量返回数组score中第4个元素
    var m=score[3];

第五课
变量的定义与使用
1:变量的命名规则
    变量名由字母,数字,下划线组成,但是不能以数字开头
    不能使用javascript中的关键字
    严格区分大小写
    例如  username  username
2:变量的声明
    var variable
    可以使用一个var声明多个变量,比如
         var now,year,month,date;
    可以在声明变量的同时对它进行赋值,也就是初始化
         var now="2016-8-11",year="2016",month="8",date="11";
    如果只是声明了变量,没有赋值,那么该变量的默认值就是undefined 
    
    javascript是弱类型,声明的时候不需要指定变量的类型,变量的类型将根据变量的值来确定
    
    全局变量的声明:1:在函数体外的声明都是全局变量,无论是否有var声明
                        2:在函数体内部使用var声明的变量是局部变量,不使用var声明的变量是全局变量
   

//如果给一个尚未声明的变量类型赋值时,javascript会自动使用该变量创建一个布局变量
例如:a="hello world";    
       funcation test(){
            var c="局部变量";//这个c是局部变量,也是唯一的一种方式定义局部变量
            b="全部变量";//这个b也是全部变量
       }
       
       function test2(){
            alert(b);
       }
    
3:变量的作用域
        变量的作用域是指变量在程序中的有效范围
        全部变量:定义在所有函数之外,作用于整个代码的变量
        局部变量:定义在函数体内,只作用于函数体内的变量

第六课
运算符的应用
1:赋值运算符
    简单赋值运算符
        例如var useName='tom';//简单赋值运算符
    复合赋值运算符
        a+=b;//相当于a=a+b;
        a-=b;//相当于a=a-b;
        a*=b;//相当于a=a*b;
        a/=b;//相当于a=a/b;
        a%=b;//相当于a=a%b;
        a&b=b;//相当于a=a&b;逻辑与运算
        a|=b;//相当于a=a|b;逻辑或运算
        a^=b;//相当于a=a^b;逻辑非运算符
2:算术运算符
+ - * / %
++ 前++先加后用   后++先用后加
-- 前--先减后用   后--先用后减
注意:在进行除法运算时,0不能作为除数,如果0作为除数,那么将会返回这个关键字infinity

3:比较运算符
>大于  =大于等于  ==等于         只是根据表面值进行判断,不涉及数据类型,alert("11"==11);返回true。
===绝对等于    不仅判断表面值,还要判断数据类型是否一样。
!= 不等于     只是根据表面值进行判断,不涉及数据类型。
!==不绝对等于 不仅判断表面值,还要判断数据类型是否一样。 

4:逻辑运算符
    !逻辑非
    &&逻辑与。只有当两个操作数的值都为true的时候,结果才会true
    ||逻辑或。只有两个操作数有一个为true,则结果为true
5:条件运算符
    条件运算符是javascript支持的一种特殊的三元运算符
    语法格式:操作数?结果1:结果2;
          如果操作数的值为true,则整个表达式的结果为结果1
          如果操作数的值为false,则整个表达式的结果为结果2
6:字符串运算符
    连接字符串的两种方式
    +。 var a="hello"+"world";
    +=。var a+="hello world!!!";   

第七课
流程控制if,switch语句
1:if条件判断语句
    1:if(expression){
        //expression为true的时候执行里面的语句
    }
    2:if(expression){
        //expression为true的时候执行里面的语句
    }else{
        //expression为false的时候执行里面的语句
    }
    3:if(expression){
        //expression为true的时候执行里面的语句
    }else if(expression1){
        //expression1为true的时候执行里面的语句
    }else if(expression2){
        //expression2为true的时候执行里面的语句
    }else{
        //这个else可有可无,如果有的话,则上述条件
        //都不满足的时候指定else
    }
2:switch语句
优点:可读性好,易读
    语法格式
    switch(表达式){
        case 条件1:语句1;
                break;
        case 条件2:语句2;
                break;
        case 条件3:语句3;
                break;
        case 条件4:语句4;
                break;
        case 条件5:语句5;
                break;
        default:语句6//无匹配的执行此语句;        
    }
第八课
流程控制之for,while,do-while语句
1:for循环语句
    语法格式
    for(1初始条件;2循环条件;4增长步幅){
        3语句体;
    }
    //先执行初始条件,然后判断循环条件是否返回true,
    //如果返回false,终止条件,如果为true,执行语句体,
    //然后执行增长步幅
    //1->2true->3->4->2true->3->4
    //1->2false->3->4->2false  for循环结束
    实例
    var sum=0;
    for(var i=0;i        sum+=i;
    }
    alert(sum);
2:while循环语句
    语法格式
        while(表达式1){
            2语句体;
        }
        1true->2->1true->2.....
        实例
        var sum=0;
        var i=1;
        while(i            sum+=i;
            i++;
        }
        alert(i);
3:do-while循环语句
    do-while循环的循环能够保证至少执行一次。
    语法格式
    do{
        1执行循环体
    }while(2判断条件);
    1->2true->1->2true.....
    
    注意:while循环是先判断条件是够成立,然后再根据判断的结果
    是否执行循环体
    do-while循环是先执行一次循环体,然后再判断条件是否为true.
    所以do-while循环能够保证至少执行一次。
    
    实例
    var sum=0;
    var i=1;
    do{
        sum+=i;
    }while(i    alert(sum);

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
拼多多赚钱的5种方法 拼多多赚钱的5种方法
拼多多赚钱的5种方法 拼多多赚钱的5种方法

在拼多多上赚钱主要可以通过无货源模式一件代发、精细化运营特色店铺、参与官方高流量活动、利用拼团机制社交裂变,以及成为多多进宝推广员这5种方法实现。核心策略在于通过低成本、高效率的供应链管理与营销,利用平台社交电商红利实现盈利。

28

2026.01.26

edge浏览器怎样设置主页 edge浏览器自定义设置教程
edge浏览器怎样设置主页 edge浏览器自定义设置教程

在Edge浏览器中设置主页,请依次点击右上角“...”图标 > 设置 > 开始、主页和新建标签页。在“Microsoft Edge 启动时”选择“打开以下页面”,点击“添加新页面”并输入网址。若要使用主页按钮,需在“外观”设置中开启“显示主页按钮”并设定网址。

8

2026.01.26

苹果官方查询网站 苹果手机正品激活查询入口
苹果官方查询网站 苹果手机正品激活查询入口

苹果官方查询网站主要通过 checkcoverage.apple.com/cn/zh/ 进行,可用于查询序列号(SN)对应的保修状态、激活日期及技术支持服务。此外,查找丢失设备请使用 iCloud.com/find,购买信息与物流可访问 Apple (中国大陆) 订单状态页面。

31

2026.01.26

npd人格什么意思 npd人格有什么特征
npd人格什么意思 npd人格有什么特征

NPD(Narcissistic Personality Disorder)即自恋型人格障碍,是一种心理健康问题,特点是极度夸大自我重要性、需要过度赞美与关注,同时极度缺乏共情能力,背后常掩藏着低自尊和不安全感,影响人际关系、工作和生活,通常在青少年时期开始显现,需由专业人士诊断。

3

2026.01.26

windows安全中心怎么关闭 windows安全中心怎么执行操作
windows安全中心怎么关闭 windows安全中心怎么执行操作

关闭Windows安全中心(Windows Defender)可通过系统设置暂时关闭,或使用组策略/注册表永久关闭。最简单的方法是:进入设置 > 隐私和安全性 > Windows安全中心 > 病毒和威胁防护 > 管理设置,将实时保护等选项关闭。

5

2026.01.26

2026年春运抢票攻略大全 春运抢票攻略教你三招手【技巧】
2026年春运抢票攻略大全 春运抢票攻略教你三招手【技巧】

铁路12306提供起售时间查询、起售提醒、购票预填、候补购票及误购限时免费退票五项服务,并强调官方渠道唯一性与信息安全。

35

2026.01.26

个人所得税税率表2026 个人所得税率最新税率表
个人所得税税率表2026 个人所得税率最新税率表

以工资薪金所得为例,应纳税额 = 应纳税所得额 × 税率 - 速算扣除数。应纳税所得额 = 月度收入 - 5000 元 - 专项扣除 - 专项附加扣除 - 依法确定的其他扣除。假设某员工月工资 10000 元,专项扣除 1000 元,专项附加扣除 2000 元,当月应纳税所得额为 10000 - 5000 - 1000 - 2000 = 2000 元,对应税率为 3%,速算扣除数为 0,则当月应纳税额为 2000×3% = 60 元。

12

2026.01.26

oppo云服务官网登录入口 oppo云服务登录手机版
oppo云服务官网登录入口 oppo云服务登录手机版

oppo云服务https://cloud.oppo.com/可以在云端安全存储您的照片、视频、联系人、便签等重要数据。当您的手机数据意外丢失或者需要更换手机时,可以随时将这些存储在云端的数据快速恢复到手机中。

40

2026.01.26

抖币充值官方网站 抖币性价比充值链接地址
抖币充值官方网站 抖币性价比充值链接地址

网页端充值步骤:打开浏览器,输入https://www.douyin.com,登录账号;点击右上角头像,选择“钱包”;进入“充值中心”,操作和APP端一致。注意:切勿通过第三方链接、二维码充值,谨防受骗

7

2026.01.26

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号