JavaScript基础和js概括
Posted 风无忧
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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>
<onload="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
用户点击取消返回值是false
prompt（）：是一个对话框！
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+"辛苦了！");
}以上是关于JavaScript基础和js概括的主要内容，如果未能解决你的问题，请参考以下文章