JS学习1

JS学习1

1.JS简介

  1. JavaScript 能够改变 HTML 内容
  2. JavaScript 能够改变 HTML 属性
  3. JavaScript 能够改变 HTML 样式 (CSS
  4. JavaScript 能够隐藏和显示 HTML 元素

2.JS使用

  1. <script>标签:
    在 HTML 中,JavaScript 代码必须位于 标签之间。
  2. JavaScript 函数和事件
    JavaScript 函数是一种 JavaScript 代码块,它可以在调用时被执行。
    例如,当发生事件时调用函数,比如当用户点击按钮时。
  3. <head> 或 <body> 中的 JavaScript
  4. 外部js引入
<script src="myScript.js"></script>

3.JavaScript 输出

JavaScript 显示方案

  1. JavaScript 能够以不同方式“显示”数据:

    使用 window.alert() 写入警告框

    使用 document.write() 写入 HTML 输出
    注意:在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML。

    使用 innerHTML 写入 HTML 元素

    使用 console.log() 写入浏览器控制台

4.JavaScript 语句

  1. JavaScript 会忽略多个空格。
  2. JavaScript 关键词

break 终止 switch 或循环。
continue 跳出循环并在顶端开始。
debugger 停止执行JavaScript,并调用调试函数(如果可用)。
do … while 执行语句块,并在条件为真时重复代码块。
for 标记需被执行的语句块,只要条件为真。
function 声明函数。
if … else 标记需被执行的语句块,根据某个条件。
return 退出函数。
switch 标记需被执行的语句块,根据不同的情况。
try … catch 对语句块实现错误处理。
var 声明变量。

注释:JavaScript 关键词指的是保留的单词。保留词无法用作变量名。

JavaScript 语法

  1. JavaScript 值
    1.1 混合值-字面量
    1.2 变量值-变量
    1.2.1 不带有值的变量,它的值将是 undefined
    1.2.2 如果再次声明某个 JavaScript 变量,将不会丢它的值。
var carName = "porsche";
var carName; 
  1. JavaScript 标识符
    首字符必须是字母、下划线(-)或美元符号($)
  2. 大小写敏感

JavaScript 运算符

  1. JavaScript 算数运算符
    算数运算符用于对数字执行算数运算:
    + 加法
    - 减法
    * 乘法
    / 除法
    % 系数
    ++ 递加
    - - 递减
  2. 赋值运算符向 JavaScript 变量赋值。
    | 运算符 | 例子 | 等同于 |
    | = |x = y |x = y |
    | += |x += y |x = x + y|
    | -= |x -= y |x = x - y |
    | *= |x *= y |x = x * y |
    | /= |x /= y |x = x / y|
    | %= |x %= y |x = x % y|
    加法赋值运算符(+=)向变量添加一个值。
  3. JavaScript 比较运算符

== 等于
=== 等值等型
!= 不相等
!== 不等值或不等型

大于

< 小于

= 大于或等于
<= 小于或等于
? 三元运算符

  1. JavaScript 逻辑运算符

&& 逻辑与
|| 逻辑或
! 逻辑非

  1. JavaScript 类型运算符

typeof 返回变量的类型。
instanceof 返回 true,如果对象是对象类型的实例。

  1. JavaScript 位运算符
    位运算符处理 32 位数。
    该运算中的任何数值运算数都会被转换为 32 位的数。结果会被转换回 JavaScript 数。
    |运算符 | 描述 |例子 |等同于 |结果 |十进制
    |& |与 |5 & 1| 0101 & 0001 | 0001 |1
    | | |或 |5 | 1 | 0101 | 0001 | 0101 |5
    | ~ |非 |~ 5 | ~0101 | 1010 |10
    |^ |异或 |5 ^ 1 |0101 ^ 0001| 0100 |4
    |<< | 零填充左位移| 5 << 1| 0101 << 1 | 1010| 10
    |>> |有符号右位移 | 5 >> 1| 0101 >> 1| 0010 | 2
    |>>>| 零填充右位移| 5 >>> 1| 0101 >>> 1| 0010| 2

上例使用 4 位无符号的例子。但是 JavaScript 使用 32 位有符号数。

因此,在 JavaScript 中,~ 5 不会返回 10,而是返回 -6。
~00000000000000000000000000000101 将返回 11111111111111111111111111111010。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值