• JS基本语法


    概括:

    JavaScript,1995,前段解释性语言,弱类型语言

    JS引入:

    行内 onclick("javascript:alert('aaa')")
    内部 <script></script>
    外部<script src="地址"></script>

    JS的输出:

    alert("内容"); 弹窗提示
    document.write(); 可输出前段代码到页面
    console.log(); 控制台输出 F12

    JS的输入:

    input 根据var a=id.value获取
    var a=prompt("提示信息");

    标识符:

    名字:不使用关键字,尽量不重复
    规则:字下美人数骆驼

    变量:

    记录数据的符号
    盒子:装东西
    变量:装数据
    //声明、赋值、使用
    var name="张三"
    document.write("name="+name); +拼接
    parseInt(num):转为整数,从左往右,遇到不是整数舍掉
    num1.value 通过id取值
    result.innerText 通过id给span标签添加文本

    数据类型 隐式转换

    数值型 var a=1
    字符串var a="1"
    布尔 boolean var flag=false true(0 1)( "" " ")(null 其他)

    运算符 算数>关系

    括号>乘除>从左到右加减

    • 赋值 =
    • 关系 > < ==
    • 算数+ 加法遇到字符串后面都拼接
    • 逻辑 !>&&>|| 与:&& 或:|| 非:!
    • 三目 ? : (条件表达式?值1:值2)

    选择if(){}

    选择if(){}

    循环

    while
    for

    数组 var arr=[1,2,3];

    一组数据

    遍历 arr.length
    增删改
    arr[3] = 4
    arr.push(2); 压入数组最后一位
    var r = arr.pop() 最后一个数据弹出
    arr.splice(2,2,2); 第三个位置,删除后面几个,添加的数..
    查询 遍历 for循环

    二维数组 var=[[],[],[]]

    获取div宽度 id.offsetWidth

    函数

    Math
    Math.ceil(); 向上取整
    Math.floor(); 向下取整
    Math.randoml(); 0-1随机数

    匿名函数

    (function(num1,num2){document.write(num1+num2)})
    (3,5)//立即执行,只执行一次

    Math
    Math.ceil(); 向上取整
    Math.floor(); 向下取整
    Math.randoml(); 0-1随机数

    事件

    onclick="fun()" 点击
    onchange=“fun()” 选择
    onsubmit="login()" 表单(form上)提交事件
    window.onload=function(){}//加载事件
    onblur 失去焦点 focus 焦点

    定时器

    setTimeOut():只执行一次
    setInterval():多次执行
    setInterval(fn,时间)
    clearInterval(id) q=清除定时器

    节点操作

    js完成对html的操作
    节点
    文档:document
    注释:
    元素节点:

    ...
    属性节点 :class="" style=""...
    文本节点:标签之间的文本
    标签:元素节点:
    ...
    元素:属性节点 :class="" style=""...

    生成文本
    innerText=“”;
    生成HTML
    1.innerHTML=""
    生成节点
    2.document.createElement("标签");
    var p = document.createElement("p");
    p,innHTML="888";
    imgs.appendChild(p); //放在最后

    var img = document.createElement("img");
    img.src = "";
    imgs.appendChild(p);
    删除节点
    this.remove() //删除自己
    this.removeChild(this);
    //imgs.removeChild(this); 父亲删儿子
    //this.parentNode.removeChild(this);
    复制节点
    node.cloneNode()
    查找
    根据id查找 /1023n
    p saAZ
    通过标签查找
    根据class查找
    通过name查找

    ascll码

    a 65
    enter 13

  • 相关阅读:
    js获取cookie
    js 获取父页元素
    【HDU4571 Travel in time】二维多状态spfa
    【HDU4360】 最短路变形
    百度人脸识别模块使用分享
    APICloud · 跨越2018,技术改变世界
    Android平台targetSdkVersion设置及动态权限
    UIPullRefreshFlash模块demo示例
    webToImage (网页转图片)模块试用分享
    生成带二维码图片并通过微信分享
  • 原文地址:https://www.cnblogs.com/chahune/p/16376089.html
Copyright © 2020-2023  润新知