JavaScript基础和js概括

js内容概括:

Html  结构化
CSS   样式
JavaScript  行为交互
01.JavaScript基础
02.JavaScript操作BOM对象
03.JavaScript操作DOM对象   *****
04.JavaScript的面向对象
--------------------------------------
05.jQuery (js)  .css   .js
06.jQuery选择器        ******
07.jQuery事件和动画
08.jQuery操作DOM对象   ******
09.表单验证
10.表单验证的框架   jquery  validate
11.bootstrap  封装了Html css  js
一、Java|Script基础(liveScript):
01.和Java语言没有关系,只是借势。
02.是一种脚本语言以.js结尾(脚本语言:是为了缩短传统的编写-编译-链接-运行过程而创建的计算机语言)
03浏览器编译JavaScript,解析器叫做JavaScript引擎
04无需预编译、js是弱语言类型var a=10;var a=“12”;
学习目的:
01.客服端表单验证,提升用户的体验和减轻服务器的压力。
02.实现页面动态效果、提升用户体验
03jQuery基础
组成部分:
01.ECMAscript标准:语言规范
02.BOM浏览器对象模型:提供处理网页内容的方法和接口
03.DOM文档对象模型:提供了与浏览器进行交互的方法和接口
引入CSS和js的顺序:CSS写在head中、js文件的映入写在body的最下方(调用的时候才能调用到)
js执行原理:客户端向浏览器发送请求、浏览器将某个JavaScript页面经行处理、将这个文件发送到客服端(减少带宽浪费,提升用户体验)
js的引入方式:
01.行内引入:
</head>
  <οnlοad="alert('初识JavaScript')"
<body>
02.内部引入:
<script type="text/javaScript">
  alert("初识JavaScript");
<script/>
03.外部引入:
<script type="text/JavaScript" src=cs.js>
</script>
</body>
二、js中的常用事件:
 01.不想让a超链接 立即跳转至指定的页面02.想让用户点击的时候 做一些处理工作javascript:  伪协议01.先去执行js代码02.根据js代码做操作alert('就是不跳转')   后续会换成某个操作的函数(方法)<a href="javascript:alert('就是不跳转')">跳转</a>伪协议   javascript:
onclick 点击事件
onblur  失去焦点事件
onfocus 获取焦点事件
js中的数据类型:
undefined:没有被定义的(TRUE)和声明但没有赋予初始值得变量(var a)
number:包含整数和浮点
String:单引号和双引号引起来的都是String
Boolean:true和false
object:js中的对象,包含数组,null和对象
null:空值,表示对象不存在,等于undefined
检测数据类型的方式:
01.typeof空格变量
02typeof(变量)
类型转换:
parseInt():把变量转换成数字,返回第一个不为数字的所有值否则返回NaN
parseFort():把变量只能换成浮点
强制类型转换:
number:把变量转换成数值,如果有一个不是数值,则返回Nan
boolean():只要变量不是false,0,undefined,null,NaN,未定义的参数或者定义未赋值空串,或者什么都没有输入! 其他都返回true!
==  和 ===

== :在两个变量比较的时候,先进行类型转换,之后再比较!
alert("0"==false);
首先会把字符串"0"转换成number 0
false转换成number 0
0==0===:比较严格,先比较两个变量的类型是否一致,之后再比较值!不会类型转换!注意点:
01.如果比较的变量中boolean的值,会先把boolean类型的值转换成number类型!
02.如果比较的变量中String的值,会先把String类型的值转换成number类型!输入和确认
alert(): 只有一个确定按钮!
confirm ():是一个提示框,有确定和取消按钮!用户点击确定返回值是true用户点击取消返回值是falseprompt():是一个对话框!01.第一参数是提示语句02.第二参数是输入框中的默认值,可以省略
返回值是我们第二个参数(用户的输入)!js中也有选择结构!和java中的用法一致!数组var  arr1=new Array();   //没有长度
var  arr1=new Array(5); //有长度5
var  arr1=new Array(1,2,3,4,5) //定义数组的同时赋值
var arr1=[1,2,3];向数组中新增元素  push
把数组中的每个元素使用指定的分隔符连接起来,变成字符串!  join循环  for  in

for(var index in arrs){document.write(arrs[index])
}
index 是元素的下标!函数定义函数的两种方式
<a href="javascript:sayHello('小黑');">跳转</a>function sayHello(userName){alert(userName+"辛苦了!");}var sayHello=function(userName){alert(userName+"辛苦了!");}

转载于:https://www.cnblogs.com/fengwuyou/p/7751304.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/287328.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

《看聊天记录都学不会C语言?太菜了吧》(12)循环有多容易?你看一眼就怀...

若是大一学子或者是真心想学习刚入门的小伙伴可以私聊我&#xff0c;若你是真心学习可以送你书籍&#xff0c;指导你学习&#xff0c;给予你目标方向的学习路线&#xff0c;无套路&#xff0c;博客为证。 本系列文章将会以通俗易懂的对话方式进行教学&#xff0c;对话中将涵盖…

***ECharts图表入门和最佳实践

ECharts数据图表系统&#xff1f; 5分钟上手&#xff01; 【ECharts简介】 ECharts开源来自百度商业前端数据可视化团队&#xff0c;基于html5 Canvas&#xff0c;是一个纯Javascript图表库&#xff0c;提供直观&#xff0c;生动&#xff0c;可交互&#xff0c;可个性化定制的数…

【经典回放】多种语言系列数据结构线性表之一:顺序表

一、实验任务描述 建立线性表的ADT后,编程完成: 1 用C语言完成一个顺序表结构; 2 为顺序表完成追加、删除、插入、查找的功能; 3 建立一个链表的结点; 4 完成链表的追加、删除、插入功能; 5* 用C#完成一个结点的类; 6* C#完成链表的追加、删除、插入功能的类; 7* C#编写…

原型继承+原型链 + 对象继承发展

一、原型继承&#xff1a; &#xff11;、说起原型继承&#xff0c;就要先由构造函数创造对象说起&#xff0c;首先了解构造函数内部基本原理&#xff1a; &#xff08;&#xff11;&#xff09;.在函数体最前面隐式的加上this {} &#xff08;&#xff12;&#xff09;.执行 …

Kotlin之?和!!最简单的理解

一、? 1&#xff09;、?在声明对象时&#xff0c;把它跟在类名后面&#xff0c;表示这个类允许为null var list: ArrayList<String>? null 2&#xff09;、调用对象时&#xff0c;把它跟在对象后面&#xff0c;表示如果为null程序就会视而不见&#xff0c;比如我们…

WPF|一个比较简单带点设计的登录界面

阅读目录效果展示准备简单说明 源码结尾&#xff08;视频及源码仓库&#xff09;1. 效果展示欣赏效果&#xff1a;2. 准备创建一个WPF工程&#xff0c;比如站长使用 .NET 7[1] 创建名为 Login5 的WPF项目。找一张图片做为装饰&#xff0c;放登录表单左侧&#xff1a;添加Nuget…

Android插件基础之类加载器学习

记录学习java 加载器学习所获心得&#xff0c;逐步记录了解java加载器的过程。为了知悉android 插件化的实现原理&#xff0c;从而需要从头了解android加载apk&#xff0c;以及基础的java类加载的加载过程情况&#xff0c;为方便记录和记忆&#xff0c;故此将学习了解的过程记录…

php多个文件上传代码,PHP单文件上传类或多文件上传类源码

以下为引用的内容&#xff1a;php文件:代码://如果收到表单传来的参数&#xff0c;则进行上传处理&#xff0c;否则显示表单if(isset($_FILES[uploadinput])){//建目录函数&#xff0c;其中参数$directoryName最后没有"/"&#xff0c;//要是有的话&#xff0c;以/打散…

《看聊天记录都学不会C语言?太菜了吧》(13)(9*9 乘法表)寻找电脑中的盲盒彩蛋

若是大一学子或者是真心想学习刚入门的小伙伴可以私聊我&#xff0c;若你是真心学习可以送你书籍&#xff0c;指导你学习&#xff0c;给予你目标方向的学习路线&#xff0c;无套路&#xff0c;博客为证。 本系列文章将会以通俗易懂的对话方式进行教学&#xff0c;对话中将涵盖…

Fragment使用--文章集锦

android使用Fragment实现底部菜单使用show()和hide()来切换以保持Fragment状态Android Fragment 真正的完全解析&#xff08;上&#xff09;Android Fragment实践(一)纠正对Fragment Transaction BackStack的误解多个Fragment 切换时不重新实例化Fragment详解之四——管理Fragm…

Android之在在EditText的xml里面配置了相关属性依然没有显示光标问题

1 问题 在EditText的xml里面配置了 android:cursorVisible"true" android:focusable"true" android:focusableInTouchMode"true" 依然没有光标显示 2 解决办法 直接在代码层控制&#xff0c;平且拉起键盘 fun showSoftInputFromWindow(activ…

【经典回放】多种语言系列数据结构线性表之二:链表

目录 1 链表结构设计 2 简单的链表测试 2 链表的组织和ADT设计 3 初始化有头结点链表 4 有头结点链表中追加一个结点(一行数据)

使用 Postman 实现 API 自动化测试

1背景介绍 相信大部分开发人员和测试人员对 postman 都十分熟悉&#xff0c;对于开发人员和测试人员而言&#xff0c;使用 postman 来编写和保存测试用例会是一种比较方便和熟悉的方式。但 postman 本身是一个图形化软件&#xff0c;相对较难或较麻烦&#xff08;如使用 …

php json -gt;访问,【转】Php+ajax+jsonp解决ajax跨域问题

首先&#xff1a;jsonp是json用来跨域的一个东西。原理是通过script标签的跨域特性来绕过同源策略。发送端&#xff1a;$.ajax({type : "post",url : "ajax.php",dataType : "jsonp",jsonp: "callback",//传递给请求处理程序或页面的&…

《看聊天记录都学不会Python到游戏实战?太菜了吧》(1)加载Python神器!亮剑!

本系列文章将会以通俗易懂的对话方式进行教学&#xff0c;对话中将涵盖了新手在学习中的一般问题。此系列将会持续更新&#xff0c;包括别的语言以及实战都将使用对话的方式进行教学&#xff0c;基础编程语言教学适用于零基础小白&#xff0c;之后实战课程也将会逐步更新。 若…

little tricks(持续更新)【python】

python中的list有reverse方法&#xff0c;但是字符串却没有&#xff0c;怎么办呢&#xff1f; csdn博主有列了几个方法&#xff0c;我觉得第一个最简单直接&#xff0c;str[::-1]搞定。 当然也有一种怪异的方法&#xff0c;我把字符串转为序列reverse一下&#xff0c;再转回来不…

Codeigniter 3 拓展HMVC

2019独角兽企业重金招聘Python工程师标准>>> 在Codeiniter&#xff08;以下统称CI&#xff09; 2.X版本中&#xff0c;我们就通过拓展核心类库实现了HMVC&#xff0c;但是同样的代码&#xff0c;拿到CI 3中&#xff0c;就很有可能不好用了。 ###拓展核心类库方式 官…

FPGA FIFO深度计算

转自&#xff1a;http://comm.chinaaet.com/adi/blogdetail/37555.html 首先&#xff0c;一定要理解清楚FIFO的应用场景&#xff0c;这个会直接关系到FIFO深度的计算&#xff0c;如果是面试官抛出的问题&#xff0c;那么有不清楚的地方&#xff0c;就应该进行询问。如果是笔试或…

玩转ASP.NET Core 6.0框架-序言

ASP.NET Core是微软提供的强大的web框架&#xff0c;它有很多潜在的强大而有用的功能。本专栏的目标是帮助您把框架的隐藏能力最大限度地发挥出来&#xff0c;让您能够按需定制ASP NET Core框架。本专栏提供了一种具体的操作和实现方法&#xff0c;可以让你在短时间尽可能地提高…

从C#开始的面向对象编程经典自学教程

1、C语言的时代 在C语言时代,可以认为那时的编程过程就是表格加工过程,也就是从A表格到B表格、再到C表格…..等等,这个过程中,计算机语言如何描述一个表格,成为计算机语言的关键。 对一个表格的分析可以发现:表格是两部分组成:表头和表格: 学生表 STUDENT 在这个表格…