您现在的位置是:首页 > Javascript
当前栏目
前端基础(5) - JavaScript入门
2023-02-18 15:49:51 时间
前言
首先赘述一下,这篇笔记是入门课程,很基础的。术业专攻,没必要学的太深,学多了,你不用最后还是会忘记,浪费这时间没必要,个人感觉非前端人士掌握以下js常识基本够用了。
1.概述及第一个js程序
1.1.JS简介
- JS是一种脚本语言
- 不需要进行安装
- 页面如何使用JS的方法
- Js变量是弱类型,定义的时候不用声明变量类型,赋值的时候声明变量类型。
- Js调试
1.2.第一个js程序
2.自定义函数与数据类型
2.1.自定义函数
js的函数分为两种:自定义函数和内置函数
2.2.数据类型及转换
3.变量与运算符
3.1.变量作用域
3.2.运算符
4.程序控制语句
4.1.程序控制语句(if/else if/else)
4.2.多条件控制语句(switch)
4.3.循环语句(for/while/do while)
5.函数
5.1.字符函数
- substr() :截取字符串内容,指定起始位置和截取续长度;
- substring():截取字符串内容,指定起始位置和结束位置,左闭右开;
- charAt():返回指定位置的字符;
- indexOf() :返回某个指定的字符串值在字符串中首次出现的位置,默认从下标0开始找;
- length:获取字符串的长度
split():把一个字符串分割成字符串数组。如果不指定拆分的字符,则每个字符为一个数组元素;如果指定拆分的字符,则以指定字符拆分为数组元素;
- concat():拼接字符串,可同时拼接过个字符串;
- replace():查找匹配一个正则表达式的字符串,然后使用新字符串代替匹配的字符串;
5.2.日期函数
具体使用移步:https://www.w3school.com.cn/js/js_date_methods.asp
5.3.数字函数
具体使用移步:https://www.w3school.com.cn/js/js_math.asp
6.数组
数组定义移步:https://www.w3school.com.cn/js/js_arrays.asp
数组方法移步:https://www.w3school.com.cn/js/js_array_methods.asp
7.JS对表单元素设置
单击事件onclick
页面加载事件onload,页面加载之前执行的,可以添加多个js方法,也可以称之为刷新事件
设置单选按钮示例
设置列表框select添加选项
参考:https://www.runoob.com/jsref/met-select-add.html或者https://www.runoob.com/jsref/coll-select-options.html再或者https://www.cnblogs.com/jiechn/p/4120945.html
强化select增加了一些需求,自己看应该能看懂
设置列表框select删除选项
onchange事件,nchange事件会在域的内容改变时发生;示例为切换头像
复选框操作
8.DOM与事件总结
相关文章
- 前端js常用的60余种工具方法【强烈建议收藏】
- 解决aspnetcore-browser-refresh.js:234 WebSocket connection to 'wss://localhost:62356/Admin/' failed问题
- 【.NET开发福音】使用Visual Studio将JSON格式数据自动转化为对应的类
- JS指定音频audio在某个时间点进行播放,获取当前音频audio的长度,音频时长格式转化
- 将JSON字符串反序列化为指定的.NET对象类型
- .NET微信网页开发之使用微信JS-SDK获取当前地理位置
- .NET微信网页开发之使用微信JS-SDK调用微信扫一扫功能
- .NET微信网页开发之使用微信JS-SDK自定义微信分享内容
- .NET微信网页开发之JS-SDK使用步骤和配置信息timestamp(时间戳),nonceStr(随机串),signature(签名),access_token(接口调用凭据)的生成获取详解
- 百度地图JavaScript API获取用户当前经纬度和详细地理位置,反之通过详细地理位置获取当前经纬度
- ASP.NET MVC 中使用Highcharts+Ajax+Json生成动态曲线图,柱状图,饼图
- JS 中的 ?. 和 ??
- 总结了一些有用的 Javascript 单行代码,能快速处理一些问题
- 基于 Vue,使用 D3.js 画一个疫情趋势折线图
- 【接口测试】JMeter调用JS文件实现RSA加密
- Vue Print-js 打印问题记录~
- JSON 之父:我们能为 JavaScript 所做最好的事就是让它退役
- 论文解读(DropEdge)《DropEdge: Towards Deep Graph Convolutional Networks on Node Classification》
- 论文解读(GCC)《Efficient Graph Convolution for Joint Node RepresentationLearning and Clustering》
- 论文解读(GraphSMOTE)《GraphSMOTE: Imbalanced Node Classification on Graphs with Graph Neural Networks》