zoukankan      html  css  js  c++  java
  • JavaScript 基础语法一

    1、变量的定义:var a = 20; 定义变量a并给其赋值20.

    2、基本数据类型 :

          Number类型,表示数字,例如,1,2,3等。var number1 = 10。

          string类型,表示字符串, var string1 = 'hello word'。

          Boolean类型,布尔类型,用来表示真假,true、false,var a = true,var b = false。

          对象类型(不常用)var obj = new Object()

          js是弱类型语言,会根据数值来推断类型,所以可以实时改变一个变量的数值和类型。

                例: var a = 10;

                         a = a + "hello";

                         alert(a);

                         alert(typeof a);

          最后a 显示为‘100hello’,类型为string类型(字符串)

    3、代码调试工具及方法

          alert(),这是一个可以弹出窗口的方法

          confirm(),与alert差不多,多了一个取消。

          prompt(),例:var name = prompt('请输入名字');

    4、控制台输出 console.log(),例:var a = 100;console.log(a);

    5、将内容写到html文件中

          document.write(), 例:document.write("这是将内容写到html文件中的方法");

    6、算数运算符

          ‘+’加,‘-’减,‘*’乘,‘/’除,‘%’求余。这是最基本的五类。其中加号对字符串可以起拼接作用,例:alert('hello' + 'word')显示为helloword,alert('2' + 1) 显示为21;减号对字符串的影响,例:alert('5' - 3)显示为2.

             自增‘++’,自减‘--’。

                    var a = 10;

                    a++;相当于 a = a + 1;

                    ++a;相当于 a = a + 1;

                    a --; 相当于 a = a  - 1;

                     --a; 相当于 a = a  - 1;

                    alert(a);

              当++,--不是单独出现的时候

                    var a = 10;

                    var num = a++;这时++在后,先赋值然后在自增,如果++在前,先自增然后再赋值。-- 也是一样。

                    alert(a); 结果为11。

                    alert(num);  结果为10。

              复合运算符‘+=’‘-=’‘*=’‘/=’‘%=’

                    例:var a = 10;

                            a += 3;等价于 a = a + 3;

                            a  -= 3;等价于 a = a - 3;

                            a  *= 3;等价于 a = a *3;

                            a  /= 3;等价于 a = a /3;

    7、元素的获取

          例:<div id="wrap">1</div>

                  <div class="box" >2</div>

                  <div>3</div> 

          通过Id获取元素

              var a = document.getElementById('wrap');

              a.stytle.color = 'red';   修改字体颜色

          通过类名来获取元素

              var b = document.get.ElementsByClassName('box');

              b[0].stytle.color = "blue";  修改字体颜色 (类名获取后使用需要加下标,从零开始)。

          通过标签名获取元素

              var c = document.get.ElementsByTagName('div');

             c[3].stytle.color = 'orange';  修改字体颜色。

          

            

        

      

      

  • 相关阅读:
    XML 约束
    XML 高级
    XML 基础
    XML系列【目录】
    Java11 新特性
    Java10 新特性
    Java9 新特性 (二)语法改进
    Java9 新特性 (一)新增特性
    第一章:Class 文件结构
    java面试题全集(上)--java基础
  • 原文地址:https://www.cnblogs.com/hhhhhh/p/5777764.html
Copyright © 2011-2022 走看看