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

  • 相关阅读:
    Sql server 2005 restore failed
    使用Windows Live Writer发布到cnblogs
    IE7 Tab problem
    转: 编码,charset,乱码,unicode,utf8与net简单释义(续)
    移动12.1号动感地带寻宝答案
    转: 各种 lightbox 实现
    Cannot connect windows 2003 server remotely by mstsc
    boost asio 网络编程案例简单改写
    读书笔记之《程序员的自我修养链接、装载与库》
    基于OpenSSL简单实现Shamir基于身份的数字签名算法
  • 原文地址:https://www.cnblogs.com/cyxxixi/p/12794914.html
Copyright © 2011-2022 走看看