• JavaScript-烂笔头


    JavaScript

    对大小写敏感
    注释单行用://
    注释多汗用:/* */
    声明变量:var 变量名 (未使用值来声明的变量,值为undefined)
    JavaScript 变量均为对象
    可以使用关键词"new"来声明其类型
    var name = new String;
    var x = new Number;
    var y = new Boolean;
    var cars = new Array;
    var object = new Object;
    变量赋值:=
    数据类型:字符串、数字、布尔、数组、对象、Null、Undefined
    var a='a';var b=2.01;var c=true;
    var d=new Array("zu1","zu2","zu3");
    数组下标是基于0开始的
    var object={firstname:"Bill",lastname:"Gates",id=5566}
    对象属性有两种寻址方式:name=object.firstname或name=object["lastname"]
    JavaScript函数语法:
    function functionname() {
    要执行的代码
    }
    带有参数和返回值得函数
    function functionname(var1,var2) {
    要执行的代码
    return 要返回的值
    }
    JavaScript 变量:
    JavaScript 变量的生命期从它们被声明的时间开始。
    局部变量会在函数运行以后被删除。
    全局变量会在页面关闭后被删除。
    运算符:
    赋值:=
    算数运算符:+ - * / % ++ --
    比较运算符:== ===(全等:值和类型) != > < >= <=
    逻辑运算符:&& || !
    条件运算符:语法 - variablename=(condition)?value1:value2
    条件语句:
    if语句:
    if(条件) {
    条件为true时执行的代码
    }
    if...else语句:
    if(条件) {
    条件为true时执行的代码
    }else {
    条件为false时执行的代码
    }
    if...else if...else语句:
    if(条件1) {
    条件1为true时执行的代码
    }else if(条件2) {
    条件2为true时执行的代码
    }else {
    条件1和条件2都不为true时执行的代码
    }
    switch语句:
    switch(n) {
    case 1:
    执行代码块1
    break;
    case 2:
    执行代码块2
    break;
    default:
    匹配不存在时执行的代码
    }
    不同类型的循环:
    for - 循环代码块一定的次数
    for/in - 循环遍历对象的属性
    while - 循环指定的代码块
    do/while - 循环指定的代码块
    break:跳出循环
    continue:跳过循环中的一个迭代
    查找HTML元素:
    通过id:document.getElementById("idName")
    通过标签名:document.getElementByTagName("tagName");
    通过类名:
    改变HTML的内容:
    document.getElementById("idName").innerHTML = new HTML
    改变HTML的属性:
    document.getElementById("idName").attribute = new value
    如改变图片:<script>
    document.getElementById("image").src="landscape.jpg";
    </script>
    改变HTML的样式:
    document.getElementById("idName").style.property = new style
    如改变颜色:
    <script>
    document.getElementById("p2").style.color="blue";
    </script>





  • 相关阅读:
    js -- use strict
    css布局—— 固定+自适应
    web前端安全问题(转载)
    清除float浮动
    源码核心动画01-CALayer-基本使用(了解)
    源码0308-画板
    源码0306-手势解锁
    源码0301-图片水印-裁剪-截屏-截取-擦除
    源码0309-雪花(定时器)-图形上下文状态栈-矩阵操作
    源码0308-模仿UIImageView
  • 原文地址:https://www.cnblogs.com/fqfanqi/p/7156764.html
Copyright © 2020-2023  润新知