美文网首页
HTML之JavaScript——JavaScript基础

HTML之JavaScript——JavaScript基础

作者: 思君_4cd3 | 来源:发表于2019-09-29 14:24 被阅读0次

一.JavaScrip简单基础

是一种 弱类型的脚本语言,用来给静态页面添加动态功能。

1.JavaScript简介

1.基于对象的脚本语言
2.解释执行
3.代码以纯文本形式存储
4.类型宽松

2.JavaScript功能

1.表单校验
2.页面修饰以及特殊效果
3.导航系统
4.基本数学运算
5.动态文档生成

3.JavaScript特点

1.脚本编写
2.基于对象
3.简单,安全
4.动态
5.跨平台

4.JavaScript相关概念
  • ECMAScript
    一个描述
  • DOM文档对象模型
    通过创建树来表示文档
  • BOM浏览器对象模型
    访问和操作浏览器窗口
    没有统一的标准,每个浏览器都有自己的BOM
5.JavaScript使用
  • 在HTML中嵌入JavaScript代码
    1.在页面中嵌入script代码:
    <script type="text/javascript">
    。。。
    </script>
    可以嵌入到任何位置,建议在head标签中
    在HTML中,<script>标签默认认为JavaScript脚本,因此在实际开发中language,type属性都省略。
    2.在标签中嵌入script代码
    响应标签某个事件
  • 例子如下:
    方法一:直接在页面代码中写js脚本


    输出
    注释和弹框显示
    输出换行标签才会进行输出
    时间输出

    当头部和主体部分都有弹框的情况下,先弹出头部所写的弹框,在执行主体部分的弹框。


    示例
    结果1
    结果2
    判断语句
    示例
    方法二:新建一个js文件,里面写代码,在HTML文件中使用<script>标签进行引入
    js代码
    HTML引入
    结果

二.JavaScript基本语法

1.JavaScript语法

1.区分大小写
变量 myTest和myTEST是不同的变量
2.变量是弱类型
3.行结尾加分号
4.括号表明代码块
5.注释通用简单
在浏览器中逐条解释执行,如果某条语句出现错误,后面的语句将不能执行

2.常量

1.Math.E:常量e
2.Math.PI:常量PI
3.Number.MAX VALUE:可表示的最大的数
4.Number.MIN VALUE:可表示的最小的数
5.Number.NaN:非数字值

3.变量

变量声明:
1.var
2.在使用变量前声明
var mytest
3.可以声明的同时赋值
var mytest=“This is a book";
4.同时声明多个变量(不建议)
var a,b=1,c;
判断当前变量数据类型:


示例
4.数据类型

五种原始类型(简单类型)
1.Undefined——未定义类型
未被赋值的变量,值为undefined
2.Null——空类型
值为null,尚不存在的对象
3.Boolean——布尔类型
值为true/false
4.Number——数字类型
任何数字(NaN也是number类型,表示”非数“)
5.String——字符串类型
值用引号(单引号或者双引号)括起来
数据类型——一种复杂类型
Object
判断i是否是一个非数:


示例

判断加括号和不加括号的区别,加括号可以传值


示例
示例
5.数据类型的转换

1.JavaScript是弱类型语言,变量类型对应其值的类型
2.可以对不同类型的变量执行运算,解释器强制转换数据类型,然后进行处理

  • 数值与字符串相加:将数值强制转换为字符串
  • 布尔值与字符串相加:将布尔值强制转换为字符串
  • 数值与布尔值相加:将布尔值强制转换为数值
(1)字符串转数值
  • parselnt(var)
  • parseFloat(var)
    -Number(var)
    ps:parselnt和parsefloat方法只对string类型有效,且需要是数字开头的字符串
    eg:parselnt("100")
(2)数值转字符串
  • toString方法
(3)Number函数

是转型函数,可以用于任何数据类型


示例
6.表达式

1.区分大小写
2.语句由一个或多个表达式,关键字或运算符组成
3.多条语句可以写在同一行上,之间用分号隔开
4.单独一行中只有一条语句,可以省略分号(最好是写上分号)

7.运算符

和Java运算符相同

三.流程控制语句

和Java中一样

1.if语句
示例
2.if-else语句
示例
3.if-else-if语句
示例
4.switch语句
示例
5.while循环
示例
6.do-while循环
示例
7.for循环
示例
8.for -in 循环
示例

n:指的是下标


示例
乘法表示例

(此文章仅作为个人学习笔记使用,如有错误欢迎指正~)

相关文章

  • JavaScript ☞ day1

    JavaScript基础学习笔记之JavaScript基础 HTML中添加JS代码、注释方法、输出方式 docum...

  • HTML之JavaScript——JavaScript基础

    一.JavaScrip简单基础 是一种 弱类型的脚本语言,用来给静态页面添加动态功能。 1.JavaScript简...

  • 微信小程序开发

    1.基础: html,css,Javascript (wxml, wxss, javascript) 2.框架:①...

  • JavaScript学习笔记(一)-- JavaScript基础

    JavaScript基础语法 HTML : 标记语言 JavaScript : 编程语言 序言 JavaScrip...

  • js基础语法

    JavaScript基础语法 HTML:标记语言 JavaScript:编程语言 序言[https://gitee...

  • 前端心得

    1.基础阶段:HTML+CSS 2.js阶段:JavaScript基础、JavaScript进阶、JavaScri...

  • JAVA web编程技术

    1 HTML基础语法 2 javascript基础编程 3 javascript客户端交互技术 4 jspC\B服...

  • 技术栈

    一、HTML、CSS基础、JavaScript语法基础。 二、JavaScript语法进阶。包括:作用域和闭包、t...

  • 2020前端技术栈

    一、HTML、CSS基础、JavaScript语法基础。二、JavaScript语法进阶。包括:作用域和闭包、th...

  • 浏览器的加载机制&白屏&FOUC演示

    浏览器和JavaScript的基础: ####### 网页是什么:网页=Html+CSS+JavaScript;H...

网友评论

      本文标题:HTML之JavaScript——JavaScript基础

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