javascript语言

2021/10/5 12:10:47

本文主要是介绍javascript语言,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

  • js简介
    js是一种脚本语言,部署在浏览器上,核心部分:基本的语法构造,标准库,api(浏览器控制类,dom类,web类),
    js执行单位为行,语句以分号结尾, var a = 1+2;
    变量:代表一个可以变化的值,
    创建变量:var a;
    赋值:给变量一个具体的值的过程叫做赋值, a = 10;
    初始化:将变量的声明和赋值写在一起,var a = 10;

  • js变量类型
    六大基本数据类型:number,string,boolean,array,undefined,null,object
    js是动态类型,是因为可以根据保存的变量的值类型不同而显示不同的类型,
    var x //undefined类型,
    var x = 6 //number数字类型
    var x = “hello” // 字符串类型
    注意:nudefined是未定义类型,表明数据类型错误,代表数据没有类型,null是表示数据类型存在,但是没有给变量赋值,

  • js用法
    js脚本必须放到标签之间,
    脚本可以放到html页面的body和head中,
    引入js的方法在head标签中,在body中,

  • js输出
    1 window.alert();弹出警告框
    2 document.write();写到html文档中,
    3 console.log();写到浏览器的控制台中,

  • 基本运算符简介
    typeof:获取当前变量类型的运算符,
    = 赋值运算符;
    == 比较运算符 忽视类型;
    === 计算变量类型,

<script>
        var a="hello";
        console.log(typeof a);
    </script>
  • 逻辑运算符
    !非
    && and 与
    || or 或
    三目运算符:语法: var min = (a<b)?a:b ;如果第一个表达式为true,返回第二个值,否则返回第三个值,

  • 分支语句
    1 if条件语句
    2 if else 条件语句
    3 if else if else 条件语句
    4 switch case 1 brear ;case 2 break 语句;default ;

  • 循环结构
    1 while循环
    2 do while循环
    3 for循环
    注意:break 终止循环,continue 终止本次循环

  • 字符串和数组
    字符串就是用单引号和双引号包裹起来的,
    转义字符 :

    "
    \n 换行
    \r 回车
    \t 制表符

    是浏览器换行
    字符串的长度:length长度,字符索引[],获取指定位置的字符,charAt()和charCodeAt()方法
    字符串连接:concat()

  • javascript函数
    函数:可以被事件调用的代码块,
    语法:function 函数名字(参数1,参数2,…){
    函数体;
    }
    1 函数表达式:var 变量 = function(参数1,参数2){函数体};用变量来代替函数,通过访问变量来调用函数,
    2 函数创建 var 变量 = new function();

函数的调用:直接写出函数名和函数参数就可以调用;

  • 函数的作用域
    作用域:指的是变量的范围;
    1 全局作用域:变量在整个程序中一直存在,
    2 函数作用域:在函数内部定义的变量,外部无法获取;
    变量类型:
    1 全局变量:在全局作用域中声明,
    2 局部变量:在函数内部通过var来声明;

  • javascript对象
    对象:用大括号定义的无序数据集合,有键值对构成,键与值之间用冒号分隔;末尾是使用分号结束;
    语法:var obj = {key:value}; 一个对象赋值给一个变量;
    var obj = {
    name:“add”;
    age:“18”;
    sex:“man”;
    body:function();
    }
    1 创建对象:
    var a = {};
    var b = new Object{};
    var c = Object.create();
    2 对象属性的读写;
    var obj = {key:value};
    console.log(obj.key);使用点运算符来获取
    console.log(obj[‘key’]);使用方括号运算符,
    3 对象属性的操作
    var man = {name:“Rudy”,age:“18”,sex:“boy”};
    console.log(Object.keys(man));获取对象所有的属性,
    delete man.name; 从对象中删除一个属性
    in 检查对象是否包含这个属性,
    for(var str in obj){
    console.log(obj[str]);
    }

  • DOM document节点
    1 doc: 文档对象模型,是用来管理控制html文档的规则,我们把html页面看成一个对象,这个对象就是document节点,
    doc中规定html中所有元素都是节点;每个html页面加载到浏览器中都会成为document对象,document是html页面的根节点,每一个页面 都有自己doc节点,window.document属性就指向这个节点,
    在这里插入图片描述
    2 document节点的属性
    2.1 doctype节点 包含了当前文档的类型信息,声明标签
    2.2 documentElement节点 表示当前文档的根节点,html节点
    2.3 body节点
    2.4 head节点
    属性
    2.5 document.documentURL:返回当前文档的网址,
    2.6 domain : 返回当前文档的域名,
    2.7 location:返回当前文档的网络信息,
    3元素选择器
    1 getElementById();返回指定id属性的元素节点
    2 getElementByTagName();返回指定标签的元素
    3 getElementByClassName();返回指定类名的元素,
    4 getElementByName();返回name属性的元素,

  • Node
    dom是文档对象模型,可以理解成文档编程的接口,
    在这里插入图片描述
    node是dom中最小的组成单位,一个文档对象中有不同的节点组成,
    节点 名称 含义
    document 文档node 整个文档
    documentType 文档类型node 文档的类型
    Element 元素node html元素标签
    Attribute 属性node html元素标签的属性
    Text 文本node 文本信息

  • dom浏览器对象模型
    核心对象是window,主要管理是窗口与窗口之间的通讯,
    分析:dom是通过document对象来操作,bom是通过window对象来操作,
    1 window.open();打开窗口;
    window.close() 关闭窗口;
    window.document() 获取doc对象;

  • json
    轻量级的数据交互格式,用于存储和传输数据的格式,一般用于服务器和网页之间传输,
    json数据是文本数据,文本可以被任何语言读取和传递,

  • json API
    1 JSON.parse(后台数据接收);json解析,能够把json字符串转化成js数据类型,
    2 JSON.stringify(发送前端数据); json数据封装,作用将js数据转化成json字符串,



这篇关于javascript语言的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程