JS第一天2020-04-01

一、语法

.innerHTML =? :写入到页面；
document.getElementById（“元素的id”） :找到指定id的元素；
document.getElementById. src=”图片地址”；
document.getElementById("demo").style.display="none/block";隐藏/显示HTML元素；
function functionName() { } ：function 函数名（里面写方法）；
javaScript 能够以不同方式“显示”数据：
1. 使用 window.alert() 写入警告框
2. 使用 document.write() 写入 HTML 输出
3. 使用 innerHTML 写入 HTML 元素
4. 使用 console.log() 写入浏览器控制台
声明变量用 var （变量类型都可以用var ）
函数
function name(参数 1, 参数 2, 参数 3) { 要执行的代码 }

    <body>
        <p id="demo"></p>
        <script>
            //声明
            var x=myFunction(6,7);
            //调用
            document.getElementById("demo").innerHTML=x;
            //函数
            function myFunction(a,b){
                return a*b
            }
        </script>
    </body>

9.示例

    <body>
        <p id="demo"></p>
        <script>
            //传入值并显示在P标签里
            document.getElementById("demo").innerHTML="86华氏度变为摄氏温度是："+toCelsius(86)+"摄氏度"
            //定义一个华氏度转为摄氏温度的函数方法
            function toCelsius(fahrenheit){
                return(5/9) *(fahrenheit-32)
            }
        </script>
    </body>

js对象
示例：

<body>
        <p id="demo"></p>
        <script>
            //创建对象，用=
            var person={
                //属性名 ： 属性值；
                fristName:"张三",
                lastName:"李四",
                age:18,
                eyeColor:"bule"
            };
            //显示对象中的属性
            document.getElementById("demo").innerHTML=
            person.fristName+"已经"+person.age+"岁了。"
        </script>
    </body>

11.this示例

var person = {
  firstName: "Bill",
  lastName : "Gates",
  id       : 678,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

注意：
在函数定义中，this 引用该函数的“拥有者”。
在上面的例子中，this 指的是“拥有” fullName 函数的 person 对象。
换言之，this.firstName 的意思是 this 对象的 firstName 属性。

11.访问对象方法
对象名.方法名（）
示例：

    <body>
        <p id="demo"></p>
        <script>
            var person={
                fristName:"张三",
                lastName:"李四",
                age:18,
                fullName:function(){
                    return this.fristName+"和"+this.lastName;
                }
            };
            //显示对象中的数据(如果person.fullName不加“()”返回定义的函数)
            document.getElementById("demo").innerHTML=person.fullName();
        </script>
    </body>

JS第一天2020-04-01

一、 语法

推荐阅读更多精彩内容

一、语法