javascript基础知识
发布日期:2022-03-02 13:23:45 浏览次数:39 分类:技术文章

本文共 2286 字,大约阅读时间需要 7 分钟。

JavaScript

可能一看名字觉得和java有关,一点关系都没有,是一门独立的语言,提交到浏览器,然后浏览器具有js解释器 然后就会把我们的代码所表达的样式显示出来
js代码块需要放置在最下面

编写方式

1.可以在html中编写,不过每次都得打开浏 览器看效果有点麻烦
2.打开浏览器-右键选择检查-找到控制台 在上面输入也可以 不过那只是暂时的修改
弹窗
alert(body)

布尔类型

也是true和false python是大写这是小写

注释

单行注释// 多行注释/* */
变量
与之前博主学的python不同 python中局部变量直接是name='xx’而javascript里则是 var name==‘xx’ 如果是单纯的name在这是全局变量的意思

数字

age=‘18’ 就是字符串转数字
new name=parseInt(18)

函数

function f1()

consolg.log

在页面consolg.log(body)在consolg页面打印定义的body内容 例如可以查看百度的consolg里会有招聘

定时器

setInterval(‘执行的代码’,间隔时间)
时间那里1000是1秒

document.getElementById(‘i1’)从html中找id为i1的标签 然后随便赋个值为tag

tag.innerText获取内部文本 会打印div内容出来

-----下面列举一下 字符串的方法-----

trim移除空白
trim将字符串空白值移除
在这里插入图片描述
concat拼接
字符串.concat(‘需要拼接的内容’)
在这里插入图片描述
indexOf查找子序列位置
例如a='alex’则indexof则返回1 因为l是1 a是0,lastIndexOf和indexOf一样的的的的的的在这里插入图片描述

substring获取子序列位置和slice

substring(开始,结束)slice(开始,结束)
两者都是根据下标获取对应值 例:a=‘alex’
charAt(0) 即返回a 这是获取单个值
在这里插入图片描述
length长度
获取字符串长度,一个字符串长度为1
在这里插入图片描述
大小写
toLowerCase将字符串变小写
toUpperCase将字符串变大写
在这里插入图片描述
split分割
括号内填用哪个当分割值,分割值会消失,后接数字参数则显示几个分割后的值
在这里插入图片描述
列表(数组)
在python中a=[1,2]这称为列表,但在javascript这称为数组,写法是一样的
介绍几个数组的方法
push尾部添加元素
在这里插入图片描述
pop获取尾部元素
pop一开始获取最后一个,再pop即获取倒数第二个,也就是每次获取上一个的前一个
在这里插入图片描述
unshift头部插入元素 shift头部移除
在这里插入图片描述
splice插入 删除 替换
替换:splice(起始位置,替换的值的个数,替换的值)换几个 后面对应几个值

插入:如果替换值的个数为0 则在起始位置插入值

删除:如果没有替换的值 则就是删除(起始位置,然后删除几个)

在这里插入图片描述
reverse反转
在这里插入图片描述
join连接数组元素构建字符串
在这里插入图片描述
sort排序 默认小到大
在这里插入图片描述
字典
a={‘k1’:‘v1’,‘k2’:‘v2’}

for循环

1.for(var 自命名 in 需要循环的名){
console.log(需要循环的名[自命名])
} 如果第二行不加循环的名 则是打印下标
不加的话数组是拿下标 字典则拿key

在这里插入图片描述

2.还有另一种for循环
循环 i=0是起始位置 i<list.length即i小于数组list的长度;i++即i=i+1每次循环加1
console.log(list[i])打印值,不加list只打印下标
在这里插入图片描述条件语句
if(条件){}else if(条件){} else if(条件){}

双等号与三等号区别

1==‘1’ 返回True 值相等即可
1===‘1’ False 值相等类型也要相等

和 或

python中用的and 在这里&&
python中用的or 这里||

Dom选择器

根据id获取单个 document.getElementById(‘i1’)
根据标签名获取多个 (列表的形式) document.getElementsByTagName(‘div’)
根据name属性获取标签
document.getElementsByName(‘n1’)
根据class属性获取标签
document.getElementsByClassName(‘c1’)

获取标签文本内容 innerText

上方为直接获取 下面说说间接获取

parentElement获取其标签父标签

children 获取所有子标签
firstElementChild 第一个子标签
lastElementChild 最后一个子标签
nextElementSibling 下一个兄弟标签
previousElementSibling 上一个兄弟标签
在这里插入图片描述
classname='x’可以直接修改class属性值 没有的话增加
classlist.add(‘x’) 添加 remove删除

总结今天所学:

局部变量var,数字,字符串,数组,字典,布尔值,For循环,条件语句,和是&& 或是|| ==是指一样 三个=是类型也要一样
Dom选择 首先是找标签,直接找,间接找,然后操作,innerText查看文本,CHECKbox复选框,checked默认值,className和classList
事件:onclick 点击即执行定义的script
写的小例子:跑马灯,左侧菜单,模态对话框,返回顶部

转载地址:https://blog.csdn.net/WOSHIBEIZHE/article/details/119364379 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:swift学习笔记一
下一篇:JavaScipt基础知识二

发表评论

最新留言

做的很好,不错不错
[***.243.131.199]2024年03月28日 17时39分24秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章