JavaScript基础的一些小总结
一.js变量
1.变量声明: var 关键字来进行变量声明 变量是弱类型
1.数字 2.小数 3.boolean 4.字符串 4.字符
验证数据类型:1.整数,小数是number类型
2.布尔类型 ——Boolean
3.字符,字符串——String类型
4.未定义——undefined*/
5.null类型
变量命名:JScript 是一种区分大小写的语言。
1.首字母(大小写均可),或一个下划线(_)。注意第一个字符不能是数字。
2.后续的字符必须是字母、数字或下划线。
3.变量名称一定不能是 保留字
alert(typeof num1);变量类型判断
-> NAN (not a number)
2.变量类型转换 方法parseInt(num1),parsefloat(num2)。
num1:小数的话,变为整数
num1:字符类型,显示为NAN
num1:如:var str1="123woshiren"显示:123
num2:如:var str="woshiren"; 显示NAN
num2:如:var str1="123woshiren";显示123
强制转换:
1.数值与字符串相加 将数值强制转换为字符串。
2.布尔值与字符串相加 将布尔值强制转换为字符串。
3.数值与布尔值相加 将布尔值强制转换为数值。
var x = 2000; // 一个数字。
var y = "Hello"; // 一个字符串。
x = x + y; // 将数字强制转换为字符串。
document.write(x); // 输出 2000Hello。
二.运算符
1.算术运算符 + - * / %
+:1.如果 那么 两个表达式都是数字或 Boolean +
2.字符串+字符串,字符串+数字
%:取余运算符用 number1 除以 number2 (把浮点数四舍五入为整数),然后只返回余数作为 result
2.比较运算符
1.两个==号,先将类型转换,再判断是否相等
2.三个等号。直接先判断数据类型是否一致。
2.逻辑运算符
||与&&
|和&
3.移位运算符
//& 与 | 或 ~ 非 ^ 异或 << 左移 >>右移
//有符号右移 正数补0,负数补1(左边补)
//无符号右移 在高位补0
三.语句
1.条件语句
1.if语句:if (){}
else{}
2.if(){}
else if(){}
else{}
if:条件:boolean值,数字(非0为真),字符串也可以(非空为真),未定义的类型也行,unfiend也行
js是弱类型,没有数据类型。
2.switch语句
switch(条件值){
case:值1
语句;
break; /*注意case后面有:号*/
case:值2
语句;
break;
default:
语句;
break;
}
* break 语句:用 break 语句来中断一个循环的运行
* continue 语句:越过余下的代码块而直接跳到下一个循环中
* */
2.循环语句。
条件:1.初始变量
2.循环条件
3.循环体
4.迭代器
1.for循环
for(var i=1;i<=5;i++){
循环体
}
2.while循环
while(条件表达式()){
循环体;
迭代器;
}
3.do..while循环
do{
循环体
}while();//注意有分号:
do..while语句循环体至少执行一次
四.函数
js 函数学习
1.语法格式:
function 函数名(数据类型 参数1){ //function是定义函数的关键字
方法体; //statements,用于实现函数功能的语句
[返回值return expression] //expression可选参数,用于返回函数值
}
命名规则:1当一个名字包含多个单词的时候,习惯上用下划线把单词分隔开,如like_this()。
另一种习惯是在第一个单词以后的所有单词都以一个大写字母开始,如likeThis()。
1:函数名:区分大小写,并且在同一个页面中,函数名是唯一的
2:parameter:可选参数,用于指定参数列表,但使用多个参数时
参数间使用逗号进行分割,一个函数最多使用255个参数
实例:
var a=10;
var sum=0;
function add(a,b){
sum=a+b;
return sum;
}
可以将返回值直接给具体的变量,如,var aa=sum;
2:函数的调用
函数的参数:javascript函数可以以任意的数目的参数来调用,而不管函数定义中参数名字有多少个,
由于函数是宽松类型的,它就没有办法声明所期望的参数的类型,并且,任何函数传递任意类型的参数都是合法的。
当调用一个函数的参数少于声明的参数个数的时候,其他的参数就有一个undefined的值。
编写这样的函数常常是很有用的:某些参数为可选的并且在调用函数的时候可以忽略它们
五.js对象
JavaScript 提供多个内建对象,比如 String、Date、Array 等等。对象只是带有属性和方法的特殊数据类型。
1.访问对象的属性值:
objectName.propertyName(对象.属性)
2.访问对象的方法
objectName.methodName()(对象.方法)
创建js对象:3种
1.定义并创建对象的实例
var person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";
2.literals创建对象实例是一种简化方法.
var obj = {}; //创建空对象
var obj = {
num: '2', //这是设置对象属性
fn : function(){//这是设置对象方法
}
}
3.用函数来定义对象然后创建对象实例
function Class(){
//添加属性
this.val = 1;
//添加方法
this.fn = function(){
return 'fn';
}
}
var obj = new Class(); //创建对象实例
六.事件
事件:什么事事件?例如在页面载入完毕时,将触发onload()事件;
当用户单击按钮时,将触发按钮的onclick事件等。
常用事件:
onabort: 对象载入被中断时触发
onblur: 元素或者窗口本身失去焦点时触发
onchange: 改变<select>元素中的选项或其他表单元素失去焦点,并且在其获取焦点后内容发生过改变时触发
onerror: 出现错误时触发
onfocus: 任何元素或窗口本身获得焦点时触发
onkeydown: 键盘键包括shift,alt被按下时触发
onkeypress: 键盘键被按下,并产生一个字符时触发,也就是说按下shift或者alt等键不会触发
onkeyup: 释放键盘上的按键时触发
onload: 页面完全载入后触发
onunload: 页面完全卸载后触发
onclick: 单击鼠标左键时触发,当光标的焦点在按钮上,并按enter键也会触发
ondblclick: 双击鼠标左键时触发
onmousedown: 单击任何一个鼠标按键时触发
onmousemove: 鼠标在某个元素上移动时持续触发
onmouseout: 鼠标从指定的元素上移动开始触发
onmouseover: 鼠标移动到某个元素时触发
onmouseup: 释放任意一个鼠标按键时触发
onreset: 单击重置按钮时,在form标签上触发
onresize: 窗口或者框架的大小发生改变时触发
onscroll: 在任何滚动条的元素或者窗口上滚动时触发
onsubmit: 单击提交按钮时,在<form>上触发
js代码:
function abc(){
alert("获取焦点!");
}
function sub(){
alert("按钮提交事件");
}
html代码:
<form action="new_file.html" οnsubmit="sub()">
<input type="text" name="username" id="username" οnfοcus="abc()"/>
<input type="submit" value="提交" />
</form>
常见的事件有:
2:事件处理
事件处理程序是用来响应某个事件而执行的处理程序。事件处理程序
可以是任意的javascript语句,通常使用函数来对事件进行处理
调用函数的两种方式:
第一种方式,在HTML中绑定
第二种方式,在javascript中绑定(第二种方式要注意先执行
form标签内的内容,然后再执行script标签内的内容)
第一种代码:
<html>
2 <head>
3 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
4 <title>调用函数的方法1</title>
5 <script language="javascript">
6 function save(){
7 alert("单击做出反应");
8 }
9 </script>
10 </head>
11 <body>
12 <input type="button" name="save" id="save" value="保存" οnclick="save()">
13 </body>
14 </html>
第二种代码:
<html>
2 <head>
3 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
4 <title>调用函数的方法1</title>
5
6 </head>
7 <body>
8 <input type="button" name="save" id="save" value="保存">
9
10 <script language="javascript">
11 var bt_save=document.getElementById("save");
12 bt_save.οnclick=function(){//匿名函数
13 alert("单击做出反应");
14 }
15 </script>
16 </body>
17 </html>
谢谢!
JavaScript基础的一些小总结的更多相关文章
- JavaScript基础
JavaScript基础 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处 ...
- 前端之JavaScript基础
前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C ...
- 一步步学习javascript基础篇(3):Object、Function等引用类型
我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...
- javascript基础05
javascript基础05 1.变量的作用域 变量既可以是全局,也可以是局部的. 全局变量:可以在脚本中的任何位置被引用,一旦你在某个脚本里声明了全局变量,你就可以 在这个脚本的任何位置(包括函数内 ...
- Javascript基础知识总结一
Javascript基础知识总结一 <!DOCTYPE html> <html> <head lang="en"> <meta chars ...
- javascript基础部分
javascript基础部分 1 数据类型: 基础数据类型(通过typeof来检测):Number,string,undefined,null,boolean,function typeof只能检测 ...
- JavaScript基础插曲—元素样式,正则表达式,全局模式,提取数组
JavaScript基础学习 学习js的基础很重要,可以让自己有更多的技能.我相信这个以后就会用到. Eg:点击选择框,在div中显示出选择的数量 window.onload = function() ...
- javascript基础系列(入门前须知)
-----------------------小历史---------------------------- javascript与java是两种语言,他们的创作公司不同,JavaScript当时是借 ...
- 第三篇:web之前端之JavaScript基础
前端之JavaScript基础 前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript ...
随机推荐
- leetcode-52-N皇后②
题目描述: 方法一:回溯 class Solution: def totalNQueens(self, n: int) -> int: def backtrack(i,tmp,col,z_dia ...
- BOM——特效
特效 偏移量 offsetParent用于获取定位的父级元素 offsetParent和parentNode的区别 var box = document.getElementById('box'); ...
- 【设计】schema
Schema:表的模式: 设计数据的表,索引,以及表和表的关系 在数据建模的基础上将关系模型转为数据库表 满足业务模型需要基础上根据数据库和应用特点优化表结构 关系模型图: Schema关 ...
- JavaScript中深拷贝实现
JavaScript 中深拷贝实现 拷贝时候涉及到: 1.循环结构 2.判断数组 Array 还是对象 Object 函数实现 /** * 获取满足条件的数组中的第一个元素 * @param ...
- sqoop一些常用命令及参数
常用命令列举 这里给大家列出来了一部分Sqoop操作时的常用参数,以供参考,需要深入学习的可以参看对应类的源代码. 序号 命令 类 说明 1 import ImportTool 将数据导入到集群 2 ...
- git tag操作
git tag //查看tag git tag v1.0.0 c809ddbf83939a89659e51dc2a5fe183af384233 //在某个commit 上打tag git push o ...
- 微信-小程序-开发文档-服务端-接口调用凭证:auth.getAccessToken
ylbtech-微信-小程序-开发文档-服务端-接口调用凭证:auth.getAccessToken 1.返回顶部 1. auth.getAccessToken 本接口应在服务器端调用,详细说明参见服 ...
- web应用本质
web应用的本质 在之前学习的socket网络编程中,是基于: 架构:C/S架构 协议:TCP/UDP协议 运行在OSI七层模型中的传输层 那么在web应用中,是基于: 架构:B/S架构 协议:Htt ...
- npm ERR! missing script: dev 解决方案
运行命令npm run dev 出现 npm ERR! missing script: dev 的错误 这是因为vue 版本问题,使用 npm run serve 来运行项目
- D.Country Meow 最小球覆盖 三分套三分套三分 && 模拟退火
// 2019.10.3 // 练习题:2018 ICPC 南京现场赛 D Country Meow 题目大意 给定空间内 N 个点,求某个点到 N 个点的距离最大值的最小值. 思路 非常裸的最小 ...