JavaScript简单应用

JavaScript简介

JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备

JavaScript是脚本语言

  • JavaScript 是一种轻量级的编程语言。
  • JavaScript 是可插入 HTML 页面的编程代码。
  • JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

JavaScript 直接写入HTML

JavaScript简单应用_第1张图片

只能在HTML中使用document.write。如果在文档加载中使用,会覆盖整个文档。

JavaScript 对事件的反应

JavaScript简单应用_第2张图片

JavaScript简单应用_第3张图片

 改变HTML内容

 JavaScript简单应用_第4张图片

 JavaScript简单应用_第5张图片JavaScript简单应用_第6张图片

会告诉 JavaScript 在何处开始和结束。

之间的代码行包含了 JavaScript:

 JavaScript简单应用_第7张图片

中的JavaScript

JavaScript简单应用_第8张图片

 在 或者 的JavaScript

  • 可以在 HTML 文档中放入不限数量的脚本。
  • 脚本可位于 HTML 的 或 部分中,或者同时存在于两个部分中。
  • 通常的做法是把函数放入 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。

中的 JavaScript 函数

  中的 JavaScript 函数

 在浏览器中执行JavaScript

首先打开开发者工具, F12为快捷键

也可以一步步开启

JavaScript简单应用_第9张图片JavaScript简单应用_第10张图片

在Console (控制台)窗口调试JavaScript代码

JavaScript简单应用_第11张图片

 在 > 符号后输入我们要执行的代码 console.log("runoob"),按回车后执行。

JavaScript简单应用_第12张图片

 JavaScript简单应用_第13张图片

 JavaScript输出

JavaScript 可以通过不同的方式来输出数据:

  • 使用 window.alert() 弹出警告框。
  • 使用 document.write() 方法将内容写到 HTML 文档中。
  • 使用 innerHTML 写入到 HTML 元素。
  • 使用 console.log() 写入到浏览器的控制台。

 使用window.alert()

弹出警告窗来显示数据

JavaScript简单应用_第14张图片

 JavaScript 操作符

JavaScript简单应用_第15张图片JavaScript简单应用_第16张图片

 

 

 

 

你可能感兴趣的:(window,javascript)