• 前端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

  • 相关阅读:
    Algs4-1.4DoublingRatio
    Algs4-1.4TwoSumFast
    Algs4-1.4ThreeSumFast
    Algs4-1.4ThreeSum
    Algs4-1.4TwoSum
    Algs4-1.3.50快速出错的迭代器
    *Algs4-1.3.49栈与队列-(未解决)
    Algs4-1.3.4X栈与队列-两个栈实现一个队列均摊O(1)
    Algs4-1.3.47可连接的队列、栈或steque
    Java的垃圾回机机制(见过讲得最清楚的)
  • 原文地址:https://www.cnblogs.com/cyxxixi/p/12794914.html
Copyright © 2020-2023  润新知