JS简单入门
------------恢复内容开始------------
JavaScript,可以减少网页的规模,提高网页的浏览速度,丰富页面的表现和功能
HTML是进行基本结构的创建的,比如说表格和表单等,
CSS是对HTML进行美化
JS,主要实现页面的功能

动态页面:与客户是否存在交互的页面,就是例如你在京东上面搜索东西,计算机给你响应的过程就是动态 静态页面:不带交互
js不需要安装就可以进行使用的,所有浏览器都是自己可以执行的
名词解析:
BOM:浏览器对象模型 Browser object model
DOM:文档对象模型 document object model,对页面进行功能

简单弹出对话框



js里面创建变量是不区分类型的,赋值的时候才会存在数据类型 这个叫做若数据类型
赋的值是什么类型,变量就是什么类型






------------恢复内容结束------------

定义的时候是不需要指定是整型还是浮点型





建议多点使用isNaN进行转换为数字或者不为数字的判断

Boolean逻辑转换




级别1最高


前面条件成立的时候,返回值1,条件不成立的时候返回值2




switch语句实现





字符串截取:

其中使用substr(起始位置,截取长度)
substring(起始位置,结束位置)
注意:是不包括结束位置的,是左闭右开的原则
按位置提取单个字符:charAt

长度位置类

其中注意length是没有小括号的 查找位置indexOf(查找的东西,从哪个位置开始查找)
如果只有需要查找的东西就默认从头开始查找
分割,替换,连接

使用连接contact的时候,对象不同,其中逗号的作用也是不同的
在数组的时候就是分割各个参数
在字符串的时候是也是,但是最后他们会合在一起
replace只是替换第一个查找到的字符,之后的并没有进行替换
时间函数:

getDate 日
getMonth 月
/////看上面图片

格式化

数学函数:

round取整
toFixed保留多少位小数
min最小值
max最大值
abs绝对值






function show1(){
// alert("1234");
document.getElementById("userName").value="qqqq"
}
onload指加载页面,刷新页面的本质就是刷新body
onclick 单击
单选按钮的设置

先判断选项哪个被选中的情况下在进行输出
列表框里面的设计方法

将年份默认设置为年份中间的值,这样子无论向上还是向下选择都是方便的

实现了三级联动的效果
列表条目删除
//删除列表框的某一个条目
function deleteSelect(){
var dd=document.getElementById("dd");
// dd.options.remove(1);
//如果通过正向删除的话,其他条目会顶上去,而且长度动态发生改变,所以有点麻烦
for(i=dd.length;i>=0;i--){
dd.options.remove(i)
}
//或者先保留原有的长度,每次都删除第一个条目即可
// len=dd.length
// for(i=0;i<len;i++){
// dd.options.remove(0);
// }
}
图片的操作;

js对复选框的操作:

注意document.getElementsByName 和getElementByName的使用。


实际上就是再什么时候发生什么事情,发生什么事情就是js里面的函数内容

onkeydown ,任何一个键盘按下去没有松开之前的事件
onkeyup

就是文件对象模型



案列实现;
JS简单入门的更多相关文章
- EChart.js 简单入门
EChart.js 简单入门 最近有一个统计的项目要做,在前端的数据需要用图表的形式展示.网上搜索了一下,发现有几种统计图库. MSChart 这个是Visual Studio里的自带控件,使用比 ...
- JS简单入门教程
JS简单教程 使用方法:放到任意html页面的head标签下 Test1方法弹出当前时间对话框 Test2方法for循环输出 Test3方法for(…in…)输出数组内容 <script typ ...
- [转]Backbone.js简单入门范例
本文转自:http://dmyz.org/archives/598 11年刚开始用前端MVC框架时写过一篇文章,当时Knockout和Backbone都在用,但之后的项目全是在用Backbone,主要 ...
- angular.js简单入门。
小弟刚接触angular js 就写了一个简单的入门.后续慢慢补... 首先看 html 页面. <html> <meta charset="UTF-8"> ...
- 98、vue.js简单入门
本篇导航: 介绍与安装 vue常用指令 一.介绍与安装 vue是一套构建用户界面的JAVASCRIPT框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图层, ...
- anime.js 简单入门教程
anime.js是一个强大的用来制作动画的javascript库,虽然功能没有GASP(greensock)强大,但胜在它足够轻便,gzip压缩完只有9kb左右,麻雀虽小,却五脏俱全. 下面就来看看如 ...
- 13、vue.js简单入门
本篇导航: 介绍与安装 vue常用指令 一.介绍与安装 vue是一套构建用户界面的JAVASCRIPT框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图层, ...
- template.js简单入门
template.js是一款开源的JavaScript模板引擎,用来渲染页面的. github地址 https://github.com/yanhaijing/template.js 下载templa ...
- Vue.js简单入门
这篇文章我们将学习vue.js的基础语法,对于大家学习vue.js具有一定的参考借鉴价值,有需要的朋友们下面来一起看看. Vue.js是一个数据驱动的web界面库.Vue.js只聚焦于视图层,可以很容 ...
随机推荐
- stm32看门狗详细解答,看了觉得一下子明白了很多
一.独立看门狗 STM32 的独立看门狗由内部专门的 40Khz 低速时钟驱动,即使主时钟发生故障,它也仍然有效. 看门狗的原理:单片机系统在外界的干扰下会出现程序跑飞的现象导致出现死循环,看门狗电路 ...
- 编译内核错误:Can't use 'defined(@array)' (Maybe you should just omit the defined()?) at kernel/timeconst.pl line 373
最近在编译一个新的rk sdk的时候,编译内核报错 CHK include/linux/version.h CHK include/generated/utsrelease.h make[1]: 'i ...
- hdu 2200 Eddy's AC难题(简单数学。。)
题意: N个人,每个人AC的题数都不一样. Eddy想从中选出一部分人(或者全部)分成两组.必须满足第一组中的最小AC数大于第二组中的最大AC数. 问共有多少种不同的选择方案. 思路: 简单数学.. ...
- spring security之 默认登录页源码跟踪
spring security之 默认登录页源码跟踪 2021年的最后2个月,立个flag,要把Spring Security和Spring Security OAuth2的应用及主流程源码研究透 ...
- Git - git push origin master 报错的解决方法
亲测实用,转载保存,原文地址:https://blog.csdn.net/kangvcar/article/details/72773904 错误提示如下: [root@linux1 php]# gi ...
- Pip安装Django超时(time out)解决方法
(ll_env)learning_log$ pip install Django 执行该命令,始终报错,如上图 解决方法如下: pip install -i http://pypi.douban ...
- Python基础入门(2)- python中的数据类型
python数据类型 什么是数据类型? 将数据分类,能有效的被电脑识别 为什么会有多种数据类型? 为了适应更多的使用场景,将数据划分为多种类型,每一种类型都有着各自的特点和使用场景,帮助计算机高效的处 ...
- 3组-Alpha冲刺-1/6
一.基本情况 队名:发际线和我作队 组长博客:链接 小组人数:10 二.冲刺概况汇报 黄新成(组长) 过去两天完成了哪些任务 文字描述 组织会议,讨论了alpha冲刺的分工,确定了收集数据的渠道,为拍 ...
- FZU ICPC 2020 寒假训练 3
P1308 统计单词数 题目描述 一般的文本编辑器都有查找单词的功能,该功能可以快速定位特定单词在文章中的位置,有的还能统计出特定单词在文章中出现的次数.现在,请你编程实现这一功能,具体要求是:给定一 ...
- ES6基础知识(Generator 函数)
1.next().throw().return() 的共同点 next().throw().return()这三个方法本质上是同一件事,可以放在一起理解.它们的作用都是让 Generator 函数恢复 ...