JS简介,JS如何实现输入输出语句、注释

JavaScript 简介

JavaScript 是世界上最流行的编程语言

可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备

  1. JavaScript一种直译式脚本语言
  2. JavaScript 是一种轻量级的编程语言。
  3. JavaScript 是可插入 HTML 页面的编程代码。
  4. JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

是一种动态类型、弱类型、基于原型的语言,内置支持类型。

JavaScript 实现输入输出

  JavaScript 语法:

一. HTML 中的脚本必须位于 <script> 与 </script> 标签之间,脚本可被放置在 HTML 页面的 <body> 和<head> 部分中,或者同时存在于两个部分中。

二. 使用<script> 标签

  1. <script> 和 </script> 会告诉 JavaScript 在何处开始和结束;
  2. <script> 和 </script> 之间的代码行包含了 JavaScript:
  <script>

      alert("My First JavaScript");

      document.write("<p>This is a heading</p>");

  </script>

JavaScript 操作 HTML 元素

JavaScript 通常用于操作 HTML 元素 :

  1. 如需从 JavaScript 访问某个 HTML 元素,可以使用 document.getElementById(id) 方法

请使用 “id” 属性来标识 HTML 元素:

  <p id="demo"></p>
<script type="text/javascript">
         document.getElementById("demo").innerHTML="Welcome to weiker‘s blog !";
  </script>
  1. 使用点击事件   onclick=”myClick” alert(“Hello World !”);

JavaScript 语句、注释

JavaScript 语句 :

  1. JavaScript 语句向浏览器发出的命令, 语句的作用是告诉浏览器该做什么。

语法:

<1> 分号用于分隔 JavaScript 语句;

<2> 通常我们在每条可执行的语句结尾添加分号,使用分号的另一用处是在一行中编写多条语句 ;

<3> 当前也可以不带,浏览器可执行(用分号来结束语句是可选的)但不符合编码规范;

注:

<1> 浏览器会按照编写顺序来执行每条语句;

<2> JavaScript 语句通过代码块的形式进行组合,块由左花括号开始,  由右花括号结束,块的作用是使语句序列一起执行。

 JavaScript 对大小写敏感 :

  1. 当编写 JavaScript 语句时,请留意是否关闭大小写切换键。

例: 函数 getElementById 与 getElementbyID 是不同的

  1. 空格

JavaScript 会忽略多余的空格, 可以向脚本添加空格,来提高其可读性

例: var username = “Weiker”    var username=”Weiker”

  1. 对代码行进行折行

可以在文本字符串中使用反斜杠对代码行进行换行

例: document.write(“Hello \

World!”);

 JavaScript 注释可用于提高代码的可读性 :

JavaScript 不会执行注释

我们可以添加注释来对 JavaScript 进行解释,或者提高代码的可读性。

  1. 单行注释以 // 开头
  2. JavaScript 多行注释,多行注释以 /* 开始,以 */ 结尾
  3. 也可以把注释放到代码行的结尾处,var i = 5;    // 声明 i 并把 5 赋值给它

——尊重原创,请勿转载!——

时间: 2024-10-17 05:07:24

JS简介,JS如何实现输入输出语句、注释的相关文章

0088 JavaScript输入输出语句:alert、console.log、prompt

为了方便信息的输入输出,JS中提供了一些输入输出语句,其常用的语句如下: 方法 说明 归属 alert(msg) 浏览器弹出警示框 浏览器 console.log(msg) 浏览器控制台打印输出信息 浏览器 prompt(info) 浏览器弹出输入框,用户可以输入 浏览器 注意:alert() 主要用来显示消息给用户,console.log() 用来给程序员自己看运行时的消息. 原文地址:https://www.cnblogs.com/jianjie/p/12127358.html

01 Node.js简介, 安装&amp;配置

Node.js 简介 Node.js 是什么 Node.js 有着强大而灵活的包管理器(node package manager,npm) 目前, 已经有强大第三方工具模块, 例如数据库连接, 网站开发框架, CSS生成器, 操作系统API, 网络通信 等. Node.js 是什么 ? 是一个让 javascript 运行在服务器端的平台, 以前javascript只能运行在浏览器中,  node.js 可以解析 javascript. CommonJS 试图设计一套Javascript的规范.

JS中的变量和输入输出

一.使用JS的三种方式 1.在HTML标签中,直接内嵌JS(并不提倡使用) <button onclick="alert('点你咋地')">点我</button> >>> 不符合w3c关于内容与行为分离的要求 2.在HTML页面中使用<script></script>包裹JS代码 <script type="text/javascript"> //JS代码 </script>

Gulp.js简介

Gulp.js简介 我们讨论了很多关于怎么减少页面体积,提高重网站性能的方法.有些是操作是一劳永逸的,如开启服务器的gzip压缩,使用适当的图片格式,或删除一些不必要的字符.但有一些任务是每次工作都必须反复执行的.如 新图片或修改后图片的压缩 去除调试语句如console,debugger 合并和压缩css和js 把更新的文件部署到服务器 你可能设想大家都会记住所有的这些操作,但总会有人忘记一两条.随着项目越来越大,上面的工作越来越浪费时间.只好设专人来完成这些枯燥的工作. 能不能让这些工作不用

03JavaScript程序设计修炼之道 2019-05-19_14-33-19--05-19_15-09-07 js简介与基本使用、变量与常量

es.md JavaScript程序设计修炼之道 -前置知识 html5+css3 -课程大纲 1.客户端原生js(es6/es7/..) 2.js常用库 jq等 3.服务端js(node/express/koa) 4.前端js框架(vue/react/..) ... -课程地位 学好js,走遍天下都不怕,是web前端或web全栈开发最重要最核心的技术,直接决定职业收入和发展 客户端原生javascript(es5/es6/es7/...) js简介与基本使用 html 标记语言 css jav

js基础--javascript基础概念之语句(二)

js基础--javascript基础概念之语句(二)label,break,continue.. break .  continue 语句. break  continue 语句用于在循环中精确控制代码的执行,其中break语句会立即退出循环,执行循环后面的语句. continue 则退出循环后返回到再次进入循环中. 如: var num = 0; for(var i = 0; i<=100; i++){ if(i >= 10){ break; } num = i; } alert(num);

JS利用短路原理简写if语句

看GoogleDoodle-Dance的源代码,学习到一个小知识——简写if语句. 几乎所有语言中||和&&都遵循“短路”原理,如&&中第一个表达式为假就不会去处理第二个表达式,而||正好相反. js也遵循上述原则.所有: a && b : 将a, b转换为Boolean类型, 再执行逻辑与, true返回b, false返回aa || b : 将a, b转换为Boolean类型, 再执行逻辑或, true返回a, false返回b 所以类似于这样的if语句

jquery.flot.js简介

JQuery图表插件之Flot Flot是一个Jquery下图表插件,具有简单使用,交互效果,具有吸引力外观特点.目前支持 Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+ 等浏览器,是一个基于Javascript和Jquery纯客端户的脚本库,下面看一个简单的示例,先插入js: <script language="javascript" type="text/javascript&qu

jquery.easypiechart.js简介

此插件主要是用来统计新的访问.跳出率.服务器负载.使用的RAM等,功能很强大,带有HTML5的动画效果,效果非常炫,看效果吧easyPieChart一款新型的EASY饼图数据统计Jquery插件截图: 插件下载:https://github.com/rendro/easy-pie-chart/ jquery.easypiechart.js简介,布布扣,bubuko.com

jquery.sparkline.js简介

jQuery线状图插件Sparkline 官网地址:http://omnipotent.net/jquery.sparkline/ 文档地址:http://omnipotent.net/jquery.sparkline/#docs 下载地址:http://omnipotent.net/jquery.sparkline/#download jquery.sparkline.js简介,布布扣,bubuko.com