JavaScript简介
JavaScript
JavaScript 是一种轻量级的编程语言,是可插入 HTML 页面的编程代码,这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
1、HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
JavaScript代码存在形式
<!-- 方式一 -->
<script type="text/javascript" src="JS文件"></script> <!-- 方式二 -->
<script type="text/javascript">
Js代码
</script>
2、脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。（推荐放在body代码块底部）
由于Html代码是从上到下执行，如果Head中的js代码耗时严重，就会导致用户长时间无法看到页面，如果放置在body代码块底部，那么即使js代码耗时严重，也不会影响用户看到页面效果，只是js实现特效慢而已。
3、变量
JavaScript中变量的声明是一个非常容易出错的点，局部变量必须一个 var 开头，如果未使用var，则默认表示声明的是全局变量
var name = "zhangsan" # 局部变量
nam = "lisi" # 全局变量
4、注释
单行注释以 // 开头，多行注释以 /* 开始，以 */ 结尾
5、基本数据类型
数字（Number）
#定义
var page = 66;
var age = Number(66);
var a1 = 1,a2 = 2, a3 = 3;
#转换
parseInt("1.2");
parseFloat("1.2");
字符串（String）
#定义
var name = "zhangsan";
var name = String("lisi");
#转换
var age_str = String(18);
#常用方法：
name.trim() #去空格
name.charAt(index) #根据索引获取字符
name.substring(start,end) #切片
name.indexOf(char) #获取字符对应的索引位置
name.length #长度
name.match("") #查找字符串中特定的字符,找到的话,则返回这个字符
布尔(Boolean)
#布尔（逻辑）只能有两个值：true 或 false。
var x=true
var y=false
数组(Array)
#创建
var names=new Array();
cars[0]="aa";
cars[1]="bb";
cars[2]="cc";
#或
var names = ['aa', 'bb', 'cc']
#或
var names =new Array('aa', 'bb', 'cc')
#常用方法：
#添加
names.push("dd") #最后插入
names.unshift("dd") #最前插入
names.splice(index,0,'dd') #指定索引插入
#移除
names.pop() #数组尾部移除并获取
names.shift() #数组头部移除并获取
names.splice(index,count) #数组指定索引往后count个字符
#切片
names.slice(start,end)
#合并
newArray ＝ obj1.concat(obj2)
#翻转
names.reverse()
#字符串化
names.join('_')
#长度
obj.length
对象（同字典）
#创建
var dic= {"name":"zhangsan" , 'age': 18}
#获取
dic.name;
dic["age"];
undefined 和null
undefined 这个值表示变量不含有值。 可以通过将变量的值设置为 null 来清空变量。
6、序列化和反序列化
var dic={name: "zhangsan", age: 18}
#序列化
s=JSON.stringify(dic)
#反序列化
s1=JSON.parse(s)
7、循环
for循环
var names= ["aa", "bb", "cc"]; #数组：方式一
for(var obj in names){
console.log(obj ); #obj只会取到索引
console.log(names[obj ]); #根据索引取值
} #数组：方式二
for(var i=0;i<names.length;i++){
console.log(i);
console.log(names[i]); #根据索引取值
}
#字典
var dic={name: "zhangsan", age: 18} for(var index in dic){
console.log(index); #key
console.log(names[index]); #value
}
while循环
while (条件)
{
需要执行的代码
} #do/while 循环
# 该循环会在检查条件是否为真之前执行一次代码块，然后如果条件为真的话，就会重复这个循环。 do
{
需要执行的代码
}
while (条件);
8、条件语句
#if条件语句
if(条件){
#代码
}else if(条件){
#代码
}else{
#代码
}
#switch,case语句
switch(name){
case 'zhangsan':
age = 18;
break;
case 'lisi':
age = 19;
break;
default :
age = 20;
}
9、异常处理
try{
#在这里运行代码
}
catch(err){
#在这里处理错误
}
finally{
#最后执行
}
10、函数
#函数的声明
function func(arg){
return arg;
}
name=func("zhangsan")#执行
console.log(name) #匿名函数
var func = function(arg){
return arg;
}
func() #自执行函数
(function(arg){
console.log(arg);
})('')
11、面向对象
function Foo (name,age) {
this.Name = name;
this.Age = age;
this.Func = function(arg){
return this.Name + arg;
}
}
var obj = new Foo('zhangsan', 18); #创建对象
var ret = obj.Func("aaa");
console.log(ret);
console.log(obj.Name );
console.log(obj.Age );
JavaScript简介的更多相关文章
- 《JavaScript高级程序设计（第3版）》阅读总结记录第一章之JavaScript简介
前言: 为什么会想到把<JavaScript 高级程序设计(第 3 版)>总结记录呢,之前写过一篇博客,研究的轮播效果,后来又去看了<JavaScript 高级程序设计(第3版)&g ...
- FeWeb基础之JavaScript简介
FeWeb基础之JavaScript简介 1.JavaScript的基本介绍 JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言,它是通过嵌入或调入在标准的HTML语言中实现的.Ja ...
- JavaScript简介及示例
JavaScript简介及使用 一.简介 JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛 ...
- HTML JavaScript简介
一.JavaScript简介 1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件. 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司 ...
- javascript简介和基本语法
javascript简介 1.javascript是个脚本语言,需要有宿主文件,他的宿主文件是html文件. 用法:为了保险起见一般写在</html>之后<javascript ...
- JavaScript简介、语法
一.JavaScript简介 1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件. 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司 ...
- python 全栈开发，Day50(Javascript简介,第一个JavaScript代码,数据类型,运算符,数据类型转换,流程控制,百度换肤,显示隐藏)
一.Javascript简介 Web前端有三层: HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角度,描述行为(提升用户体验) Jav ...
- JavaScript简介与使用方法
1.JavaScript简介 1.1.JavaScript简史 最初:网络通信很慢,网页上的数据要传送到数据库验证,然后再返回错误结果,找客观过程要等很久,于是,网景公司开发出一门新语言,当时Java ...
- 2017年9月17日 JavaScript简介
javascript简介 javascript是个什么东西? JavaScript是个脚本语言,需要有宿主文件,它的宿主文件就是html文件. 它与java有什么关系? 没有什么直接联系,java是s ...
- 为什么我要放弃javaScript数据结构与算法（第一章）—— JavaScript简介
数据结构与算法一直是我算比较薄弱的地方,希望通过阅读<javaScript数据结构与算法>可以有所改变,我相信接下来的记录不单单对于我自己有帮助,也可以帮助到一些这方面的小白,接下来让我们 ...
随机推荐
- UE4实现风格化渲染（一）：UserNormalTranslator工具的使用
最近会在UE4上实现风格化渲染的需求,所以也借机写一下相关的制作教程.对应日系风格化渲染技法来说,关键还是法线的处理. 法线处理以前翻译的资料很多了,所以也不多做解释了,比如下图是最新的UE4上的 ...
- google protobuf初体验
最近在读别人代码的时候发现一个的东西,名字叫protobuf, 感觉挺好用的,写在这里,留个记录.那么什么是protobuf 呢?假如您在网上搜索,应该会得到类似这样的文字介绍: Google Pro ...
- mongodb操作命令
连接mongodb:(mongo命令打开的是一个javascript shell.所以js语法在这里面都行得通)mongo 192.168.18.xx:27088/ups -uusername -pp ...
- c# WinForm中使用DevExpress.XtraSpreadsheet.SpreadsheetControl时，给sheet批量赋值
即使看了Demo,我也是很久才搞清除的,可能是我太笨了 首先在form上添加一个spreadsheetcontrol控件,添加各种引用: 然后添加引用: using DevExpress.XtraEd ...
- jQuery $ 第二个参数的用法
jQuery(selector, [context]),相当于 $(context).find(selector) 或者 context.find(selector) $('div').each(fu ...
- Linux小技巧1：如何关闭Root用户SSH登陆
新建用户 >useradd nonroot //新建用户 >passwd nonroot //创建/修改nonroot用户密码 >vim /etc/ssh/sshd_config 将 ...
- JSP数据交互
JSP数据交互 一.jsp中java小脚本 1.<% java代码段%> 2.<% =java表达式%>不能有分号 3.<%!成员变量和函数声明%>二.注释 1 ...
- android中使用startactivityforresult跳转Activity后需要重写onBackPressed()方法
在android项目中经常会用startactivityforresult从一个Activity跳转到另一个Activity(这里指Activity_A和Activity_B),你可以从Activit ...
- LeetCode Logger Rate Limiter
原题链接在这里:https://leetcode.com/problems/logger-rate-limiter/ 题目: Design a logger system that receive s ...
- iptables的conntrack表满了导致访问网站很慢
iptables的conntrack表满了导致访问网站很慢 转载自:https://my.oschina.net/jean/blog/189935 检查系统conntrack表是否满 现象:突然发现访 ...