------------恢复内容开始------------

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简单入门的更多相关文章

  1. EChart.js 简单入门

    EChart.js 简单入门 最近有一个统计的项目要做,在前端的数据需要用图表的形式展示.网上搜索了一下,发现有几种统计图库. MSChart   这个是Visual Studio里的自带控件,使用比 ...

  2. JS简单入门教程

    JS简单教程 使用方法:放到任意html页面的head标签下 Test1方法弹出当前时间对话框 Test2方法for循环输出 Test3方法for(…in…)输出数组内容 <script typ ...

  3. [转]Backbone.js简单入门范例

    本文转自:http://dmyz.org/archives/598 11年刚开始用前端MVC框架时写过一篇文章,当时Knockout和Backbone都在用,但之后的项目全是在用Backbone,主要 ...

  4. angular.js简单入门。

    小弟刚接触angular js  就写了一个简单的入门.后续慢慢补... 首先看 html 页面. <html> <meta charset="UTF-8"> ...

  5. 98、vue.js简单入门

    本篇导航: 介绍与安装 vue常用指令 一.介绍与安装 vue是一套构建用户界面的JAVASCRIPT框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图层, ...

  6. anime.js 简单入门教程

    anime.js是一个强大的用来制作动画的javascript库,虽然功能没有GASP(greensock)强大,但胜在它足够轻便,gzip压缩完只有9kb左右,麻雀虽小,却五脏俱全. 下面就来看看如 ...

  7. 13、vue.js简单入门

    本篇导航: 介绍与安装 vue常用指令 一.介绍与安装 vue是一套构建用户界面的JAVASCRIPT框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图层, ...

  8. template.js简单入门

    template.js是一款开源的JavaScript模板引擎,用来渲染页面的. github地址 https://github.com/yanhaijing/template.js 下载templa ...

  9. Vue.js简单入门

    这篇文章我们将学习vue.js的基础语法,对于大家学习vue.js具有一定的参考借鉴价值,有需要的朋友们下面来一起看看. Vue.js是一个数据驱动的web界面库.Vue.js只聚焦于视图层,可以很容 ...

随机推荐

  1. [敏捷软工团队博客]Beta阶段事后分析

    设想和目标 我们的软件要解决什么问题?是否定义得很清楚?是否对典型用户和典型场景有清晰的描述? 我们的软件要解决的问题是:现在的软工课程的作业分布在博客园.GitHub上,没有一个集成多种功能的一体化 ...

  2. vs编译问题总结

    编译遇到MSIL .netmodule or module compiled with /GL found; restarting link with /LTCG; add /LTCG to the ...

  3. 色彩滤镜矩阵(Color Filter Array)

    数码相机上的每个象素都带有一个光感应器,用以测量光线的明亮程度.由于光电二极管是只支持单颜色的装置,它不能区别不同波长的光线.因此,数码相机工程师在相机感应器的上部装上了一套镶嵌式的颜色滤镜,一个颜色 ...

  4. 从零开始的DIY智能家居 - 基于 ESP32 的智能水浊度传感器

    前言 家里有个鱼缸养了几条鱼来玩玩,但是换水的问题着实头疼,经常一个不注意就忘记换水,鱼儿就没了.o(╥﹏╥)o 在获得 Spirit 1 边缘计算机 后就相当于有了一个人智能设备服务器,可以自己开发 ...

  5. cf Learn from Life (简单贪心)

    有N个人站在一楼.一个电梯最多承载K个人. 每个人都有一个想去的楼层.f[1]....f[N]. f[i]属于[2,2000] 从a层到b层需花费abs(a-b)秒. 问电梯送完所有人然后回到一楼至少 ...

  6. vue路由监听和参数监听

    1.路由携带数据跳转 routerAction(hideDisplays, data) { switch (hideDisplays) { case "pubAccountMenu" ...

  7. 如何减小微信小程序代码包大小

    原作于:https://captnotes.com/how_to_reduce_package_size_of_weapp 这两天被小程序代码包大小暴涨的问题困扰了挺久.简单说说怎么回事吧,就是之前好 ...

  8. 记一次,因表变量导致SQL执行效率变慢

    场景 最近工作中,发现某同步JOB在执行中经常抛出SQL执行超时的问题,查看日志发现每次SQL执行的时间都是线性增长的,循环执行50次以后执行时间甚至超过了5分钟 JOB执行流程分析  首先,对于JO ...

  9. Mybatis:插入数据返回自增主键

    使用Mybatis作为工具连接MySQL,要求在插入数据之后返回自增主键 一开始也很迷惑,Mybatis使用insert之后,成功返回的是1,失败会报错或返回0,主键去哪找来 后来知道Mybatis可 ...

  10. 设计模式学习-使用go实现观察者模式

    观察者模式 定义 适用场景 优点 缺点 代码实现 不同场景的实现方式 观察模式和发布订阅模式 参考 观察者模式 定义 观察者模式(Observer Design Pattern)定义了一种一对多的依赖 ...