美文网首页
JavaScript基本语法与解释 (1️⃣)

JavaScript基本语法与解释 (1️⃣)

作者: Freyr_sau | 来源:发表于2018-07-26 16:36 被阅读0次

JavaScript : 描述HTML文档属性。JavaScript语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情

JS入门初级

插入JS

JS文件不能直接运行,需嵌入到HTML文件中执行

JavaScript代码可以放在html文件中任何位置,但是我们一般放在网页的head或者body部分。

  • 在HTML文档中插入

<script type="text/javascript"></script>标签内插入JS脚本

  • 在HTML中引入JS外部文件
img

插入方法:<script src="script.js"></script>

<font color="red"><b>注意: </b></font> javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等)


JS代码注释

  • 单行注释,在注释内容前加符号 “//”
  • 多行注释以"/*"开始,以"*/"结束。
<script type="text/javascript">
  document.write("单行注释使用'//'"); 
   // 我是注释,该语句功能在网页中输出内容
     /*
    多行注释
    养成书写注释的良好习惯
   */
</script>

JS文本标签

  1. .getElementById()函数

document.getElementById(),获取DOM节点

用.getElementById()函数 获取到id的所有标签,而获去标签的目的 往往是对这些标签进行操作,假如是文本标签,就可以进行改变字体颜色、大小等操作

实例: 修改p1的文档属性和输出 hello

<script  type="text/javascript">
    document.write("hello");
    document.getElementById("p1").style.color="blue";
</script>

解释

  • document.write("hello") : 打印在网页中——网页输出

  • alert("hello") : 打印在对话框里————调试输出

  • console.log("hello") : 打印在控制台———控制台输出


JavaScript变量

变量是用于存储某种/某些数值的存储器

JS 定义变量: var 变量名

注意:变量必须使用字母、下划线(_)或者美元符($)开始

例子:

var my_test;
my_test="javascript";
var my_num= "26";

注意:变量虽然也可以不声明,直接使用,但不规范,需要先声明,后使用。另外,变量是弱类型的。


JavaScript判断语句

  1. 基本判断

语法:

if(条件1)
{ 条件1成立时执行的代码 }
else if(条件2){
    执行条件3成立的代码
}
else
{ 条件都不成立时执行的代码 }
  1. 三元运算符(条件?真成立:假成立)

  2. switch case

注意:每一种case情况下都要加break,如果不加break,不管后面的代码是否成立都会被执行


本人系大一非科班小白,励志自学走向IT之路
喜欢的看官,不妨点个赞~😊

相关文章

  • JavaScript基本语法与解释 (1️⃣)

    JavaScript : 描述HTML文档属性。JavaScript语句是发给浏览器的命令。这些命令的作用是告诉浏...

  • javascript基本语法,变量和数据类型理解

    javascript基本语法 1.注释 作用:注释是不需要执行,主要是对程序进行文字说明和解释。 语法: 单行注释...

  • JavaScript

    基础语法与概述 JavaScript是一种运行于JavaScript解释器/引擎中的解释型脚本语言。解释型:在运行...

  • JavaScript快速入门-02-基本语法

    2 基本语法 2.1 JavaScript简介     JavaScript 是一门解释型语言,其代码在客户端中执...

  • JavaScript(1)- 基本语法

    Java和JavaScript的关系就是雷锋和雷峰塔的关系,也就是没有任何关系。JavaScript是一个运行在浏...

  • 小程序之-wxs

    wxs 官方解释 WXS 与 JavaScript 是不同的语言,有自己的语法,并不和 JavaScript 一致...

  • html javascript语言

    javascript:是一种解释型语言 js的基本语法 注释 :/**/ :多行注释 //单行注释 js的编写...

  • web前端 -- Day8 js基础

    JavaScript JavaScript简称js,分三个部分:1、ECMAScript 标准---js的基本语法...

  • JavaScript 的基本语法06

    JavaScript基本语法: 表达式与语句 1 . 表达式 1 + 3叫做表达式(expression),指一...

  • JavaScript01_基础知识

    一、基本语法 基本语法 JavaScript的每个语句以;结束,语句块在花括号内{...}。 JavaScript...

网友评论

      本文标题:JavaScript基本语法与解释 (1️⃣)

      本文链接:https://www.haomeiwen.com/subject/pdbbmftx.html