前端JS—显示赋值(一)

一:js代码必须位于

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

二:js显示数据

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

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

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

  id="shuzi">

    id="zifuchuan">

    id="shuzu">

    id="duixiang">

前端JS—显示赋值(一)_第1张图片

 

 

 

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

六:函数function  函数名()

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

前端JS—显示赋值(一)_第2张图片

 

 

七: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

你可能感兴趣的:(前端JS—显示赋值(一))