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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
做的很好,不错不错
[***.243.131.199]2024年03月28日 17时39分24秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
h5引入json_纯js直接引入json文件
2019-04-21
python格式化字符串总结_Python字符串处理方法总结
2019-04-21
python中true什么意思_python中的bool是什么意思
2019-04-21
jacobian 矩阵意义_Jacobian矩阵和Hessian矩阵的作用是什么?
2019-04-21
c++ jna 数据类型_JNA 使用总结
2019-04-21
python中如何遍历列表并将列表值赋予_python中如何实现遍历整个列表?
2019-04-21
mysql redis缓存层_redis实现缓存的两种方式
2019-04-21
mysql索引篇_MySQL索引篇
2019-04-21
有至少一个用MySQL_Mysql有用的面试题
2019-04-21
java控制热敏打印机的例子.rar_stm32控制热敏打印机
2019-04-21
java clone equals_(原)java中对象复制、==、equals
2019-04-21
计算机二级java技巧,计算机二级报java难考吗
2019-04-21
拉格朗日matlab编程例题,Matlab习题讲解.doc
2019-04-21
case是不是php语言关键字,PHP语言 switch 的一个注意点
2019-04-21
linux php mkdir失败,linux – mkdir错误:参数无效
2019-04-21
config.php渗透,phpMyAdmin 渗透利用总结
2019-04-21