zoukankan      html  css  js  c++  java
  • 前端JS—显示赋值(一)

    一:js代码必须位于<script>js代码</script>

    把js代码放到<body>元素的地步,可以改善显示速度

    二:js显示数据

    • 使用 window.alert() 写入警告框
    • 使用 document.write() 写入 HTML 输出
    • 使用 innerHTML 写入 HTML 元素
    • 使用 console.log() 写入浏览器控制台

    三:访问HTML元素,可以用document.getElementById(id) 方法

    四:多种数据类型:数值、字符串、数组、对象

      <p id="shuzi"></p>

        <p id="zifuchuan"></p>

        <p id="shuzu"></p>

        <p id="duixiang"></p>

    <script>

        var length = 7;                             // 数字

        var lastName = "Gates";                      // 字符串

        var cars = ["Porsche", "Volvo", "BMW"];         // 数组

        var x = {firstName:"Bill", lastName:"Gates"};    // 对象 

        document.getElementById('shuzi').innerHTML=length;

        document.getElementById('zifuchuan').innerHTML=lastName;

        document.getElementById('shuzu').innerHTML=cars+"   "+cars[0];

        document.getElementById('duixiang').innerHTML=x+x.firstName+x.lastName;

    </script>

     

    五:如果字符abc和数字123相加,得到字符abc123

    六:函数function  函数名()

    toCelsius 引用的是函数对象,而 toCelsius() 引用的是函数结果

     

    七:this关键词

    在函数定义中,this 引用该函数的“拥有者”。

    在上面的例子中,this 指的是“拥有” fullName 函数的 person 对象

    换言之,this.firstName 的意思是 this 对象的 firstName 属性。

    八:事件

    事件处理程序可用于处理、验证用户输入、用户动作和浏览器动作:

    • 每当页面加载时应该做的事情
    • 当页面被关闭时应该做的事情
    • 当用户点击按钮时应该被执行的动作
    • 当用户输入数据时应该被验证的内容
    • 等等

    让 JavaScript 处理事件的不同方法有很多:

    • HTML 事件属性可执行 JavaScript 代码
    • HTML 事件属性能够调用 JavaScript 函数
    • 您能够向 HTML 元素分配自己的事件处理函数
    • 您能够阻止事件被发送或被处理
    • 等等

    参考资料:https://www.w3school.com.cn/js/js_number_methods.asp

  • 相关阅读:
    欧拉公式
    isap的一些想法
    错误合集
    Hello World
    PAT (Advanced Level) Practice 1068 Find More Coins
    PAT (Advanced Level) 1087 All Roads Lead to Rome
    PAT (Advanced Level) 1075 PAT Judge
    PAT (Advanced Level) 1067 Sort with Swap(0, i)
    PAT (Advanced Level) 1017 Queueing at Bank
    PAT (Advanced Level) 1025 PAT Ranking
  • 原文地址:https://www.cnblogs.com/cyxxixi/p/12794914.html
Copyright © 2011-2022 走看看