js学习day01

发布于:2023-01-16 ⋅ 阅读:(463) ⋅ 点赞:(0)

typora用法

标题

摘要

无序列表

有序列表

复选框

反单引号

数学公式

表格

加粗

倾斜

下划线

水墨字

备注

超链接

图片

表情

标题

使用#加空格创建标题 一个#为一级标题以此类推 6个#为六级标题

摘要

摘要是>加空格,一个回车继续写,两个回车退出该次编辑

无序列表

使用*加空格添加无序列表

  • 前端

  • 后端

有序列表

使用英文状态下的1.

  1. 我是1

  2. 我是2

复选框

-[]内容 横杠后面加空格,中括号中间加空格 (复选框)

  • 水电费
  • 网络
  • 舍杜

用三个反单引号```后面加代码

数学公式

两个$直接回车 数学公式

表格

name age height

英文状态下||| 两列表格 ||| 三列表格 竖线里面加内容直接回车 表格上面的第一个图标可以调表格行列数 超过10行下面可以改数字。右上角删除和更多操作。只能一列一列居中。

加粗

我可以加粗

我也可以加粗

** ** 或者 __ __ 实现加粗效果

倾斜

我是倾斜效果

使用_ _ 或者* * 实现倾斜效果

下划线

我下面有下划线

使用<u></u>标签实现下划线效果

水墨字

落霞孤鹜齐飞,秋水共长天一色

左右各一个单反引号 ,实现水墨字效果

备注

你好,给我加个备注

[备注]  加上备注了

超链接

百度

除了a加href之外 还有接着ctrl点击 点击

图片

  • 网络图片

  • 本地图片

表情

:加英语

😢

js基础

应用位置

行内式

a标签

例子:

<a href="javascript:alert(666)">内容</a>

非a标签

添加一个 行为属性 比如onclick on 在。。。上点击 onmouseover

#alert 这是弹窗

<div οnclick="js代码">试试</div>

例子:<div οnclick="alert(888)">试试</div>

内联式

  1. 行内需要触发才会执行代码 比如点击 或者鼠标移入 内联不需要,直接运行

  2. 可以同时写多对标签,按照从上到下的顺序执行

  3. script可以写在head也可以写在body中 推荐写在body结尾 写在结尾的好处是等整个页面的标签内容加载完毕以后在执行js

外联式

<script src="文件的地址"></script>标签中间不能写任何内容 一旦写上内容就认定是内联 src就会失去它的作用不需要任何行为去触发 打开页面自动执行

  1. 不需要任何行为去触发 打开页面自动执行

  2. 可以写在head后面 也可以写在body后面

  3. 绝对路径和相对路径

注释

  1. 单行注释 //

  2. 多行注释 /**/

js输出的三种方式

  1. alert(666) 直接在界面出弹框

  2. 控制台打印 推荐使用这种方式 如果有多个 内容从上往下依次排列

console.log('hello world')
        console.log("hello lol")
        console.log('hello world')
        console.log("hello lol")
        console.log('hello world')
        console.log("hello lol")

  1. 在网页中显示

document.write('东风吹战鼓擂当今世界谁怕谁')

遇到问题console.log()进行打印 如果能够出现结果说明 结果不在这里 如果不出不来说明错误出现在上面

变量

  1. 只能包含 字母 数字 下划线

  2. 不能以数字开头

  3. 严格区分大小写

  4. 避开关键字 和保留字(关键字就是已经被系统占用的 单词 保留字 就是虽然还没占用但是后面会占用)

需要见名识意

比如变量存放姓名 var username = 'zhangsan'

UserName 大驼峰

userFirstName 小驼峰 从第二个单词开始 每个单词的首字母大写

基本数据类型

  1. 数值类型

    进制 二进制 八进制 十进制 十六进制

    正无穷 Infinity

    负无穷 -Infinity

    NaN not a number

  1. 字符类型

    ’abc‘

    “abc”

    1. 布尔类型

true false 必须全小写

undefined 未定义

null 空

  1. 复杂类型 引用类型

    object 类 数组

    function 函数 工具

查看数据类型

查看数据类型的的关键词

typeof 重点 不是随便两个数据类型就能一起参与运算的

number => 数值

string => 字符

boolean => 布尔

undefined => 未定义

 var test = 0xabc
        console.log(typeof test)   //number
​
        var haha='abc'
        console.log(typeof haha)    //string
​
         var haha1 = true
         console.log(typeof haha1)  //boolean
​
         var test1;
         console.log(typeof test1)  //未定义undefined
​
         var test2 = null;
         console.log(typeof test2)  //object null是object的一个特殊类型

typeof 是系统提供的工具 用来检测数据类型

只有数据类型 没有变量类型

var res = typeof test;
        console.log(res)    //返回的number是一个字符串类型
​
        console.log(typeof 10 + 100) //number100 只要+两边有一个是字符串 他们就会拼接 就会连在一起
​
        console.log(typeof(10+20))
本文含有隐藏内容,请 开通VIP 后查看

网站公告

今日签到

点亮在社区的每一天
去签到