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

猜你喜欢

转载自www.cnblogs.com/cyxxixi/p/12794914.html
今日推荐