JavaScript入门(2)
encodeURI()和 decodeURI()作用 编码与解码
encodeURIComponent()和 decodeURIComponent()作用区别是 后者可以处理一些特殊字符进行转义
var s1='美眉.jpg=?8888';
var s2=encodeURI(s1);
console.log('s2='+s2);
var s3=decodeURI(s2);
console.log('s3='+s3);
var s4=encodeURIComponent(s1);
var s5=encodeURIComponent(s4);
console.log('s4='+s4);
console.log('s5='+s5);
输出结果:
test.html:19 s2=%E7%BE%8E%E7%9C%89.jpg=?8888
test.html:21 s3=美眉.jpg=?8888
test.html:27 s4=%E7%BE%8E%E7%9C%89.jpg%3D%3F8888
test.html:28 s5=%25E7%25BE%258E%25E7%259C%2589.jpg%253D%253F8888
对象
对象的三种赋值:
1、字面量赋值: var emp={
empno:7788,
ename: 'scott',
sal:8888
};
console.log(emp+' typeof(emp)'+typeof(emp));
console.log(emp.empno);
console.log(emp['empno']);
输出结果:
访问对象中的属性值得两种方法:
1、 对象加点访问
2、对象加中括号接字符串访问,字符串是名值对中的名字
2、new 构造函数
3、表达式 : eavl(字符串);
几种变量的类型:
typeof(null);
"object"
typeof(object);
"undefined"
typeof(undefined);
"undefined"
undefined==null;
true
if的用法
if()的判断 条件 : 括号中为广义上的0 , 非0即真, 广义上的0 有很多的情况。
要区分下面情况:
//var x=new Boolean(); 假
//var x=new Boolean(false); 真 对象不是广义上的0
var x=new Boolean('false'); 真
if(x){
console.log('if (true) {}'+x);
} else{
console.log('else'+x);
}
广义上的0 有:undefined , null,NaN,空串,数值0,false,其他不是。
in 的用法
1、判断元素是否在对象中 返回boolean类型
2、 遍历对象: for...in
<script>
var emp={
empno :7788,
ename: 'abc',
sal: 9999
};
for(var attr in emp){
console.log(attr+' : '+emp[attr]);
}
</script>
输出结果:
test.html:23 empno : 7788
test.html:23 ename : abc
test.html:23 sal : 9999
异常处理:
try{
console.log(x);
}catch(e){
console.info('-----'+e);
}finally{
console.log('......');
}
输出结果:
test.html:33 -----ReferenceError: x is not defined
test.html:35 ......
JavaScript入门(2)的更多相关文章
- JavaScript入门篇 编程练习
编程挑战 一.定义"改变颜色"的函数 提示: obj.style.color obj.style.backgroundColor 二.定义"改变宽高"的函数 提 ...
- JavaScript入门
本篇内容是学习慕课网相关课程后,总结出可能未来会忘记的内容 (一)JavaScript入门操作 1.js代码插入位置,以及执行顺序 <head> <script type=" ...
- 慕课网JavaScript入门篇课程笔记
1.js注释很重要 单行注释,在注释内容前加符号 “//”. <script type="text/javascript"> document.write(" ...
- JavaScript入门基础
JavaScript基本语法 1.运算符 运算符就是完成操作的一系列符号,它有七类: 赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=).算术运 ...
- JavaScript入门介绍(二)
JavaScript入门介绍 [函数] 函数function 是Javascript的基础模块单元,用于代码的复用.信息影藏和组合调用. function a(){} 函数对象Function Lit ...
- JavaScript入门介绍(一)
JavaScript入门介绍 [经常使用的调试工具][w3school.com.cn在线编辑] [Chrome浏览器 开发调试工具]按F121.代码后台输出调试:console.log("t ...
- 开心菜鸟系列----函数作用域(javascript入门篇)
1 <!DOCTYPE html> 2 <html> 3 <script src="./jquery-1.7.2.js"></ ...
- 开心菜鸟系列----变量的解读(javascript入门篇)
console.info( console.info(window['weiwu']) console.info(window. ...
- javascript入门视频第一天 小案例制作 零基础开始学习javascript
JavaScript 是我们网页设计师必备的技能之一.我们主要用javascript来写的是网页特效.我们从零基础开始学习javascript入门. 但是,好的同学刚开始不知道怎么学习,接触js,因此 ...
- ArcGIS API for JavaScript 入门教程[0] 目录
随时翻看. 转载注明出处,博客园/CSDN/B站:秋意正寒. Part 1 必看 ArcGIS API for JavaScript 入门教程[1] 渊源 你还真不一定知道这是啥.非得学吗? ArcG ...
随机推荐
- C# 操作IIS方法集合
如果在win8,win7情况下报错:未知错误(0x80005000) 见http://blog.csdn.net/ts1030746080/article/details/8741399 using ...
- 手风琴特效 transition
<!doctype html> <html> <head> <meta charset="utf-8"> <title> ...
- Javascript调用C#后台方法及JSon解析
Javascript调用C#后台方法及JSon解析 如何使用Ajax 调用C# 后台方法. 本文目录 如何使用Ajax 调用C# 后台方法. 1.后台(.cs)测试方法 2.前台调用(javasc ...
- 【QT】C++ GUI Qt4 学习笔记3
菜单界面的实现. 看书上第三章,好长,好多代码.我敲了半天,想看看效果,结果却显示不出来.仔细一看,发现spreadsheet的实现在第四章.郁闷.... 又到官网上下代码,结果居然不能运行.难道是因 ...
- IOS-委托代理(degegate)
委托代理: 委托代理(degegate)顾名思义,把某个对象要做的事情委托给别的对象去做.那么别的对象就是这个对象的代理,代替它来打理要做的事.反映到程序中, 首先要明确一个对象的委托方是哪个对象,委 ...
- VS VA助手补丁覆盖目录
以VS2010为例. VA_X.dll 复制到以下文件夹内,覆盖原文件. WinXP系统: %USERPROFILE%\Local Settings\Application Data\Microsof ...
- ios cell展示可滑动的图片
需求: 点击cell上的图片.图片以原图显示出来,可以放大或缩小.再次点击图片移除图片显示原来界面.(和QQ空间看图片类似) 点击图片实现效果: 1. 自定义一个 UITableView (KDIma ...
- iOS-Runtime-Headers
iOS8.4 及之前的头文件 私有及共有API https://github.com/nst/iOS-Runtime-Headers
- AngularJS 控制器 ng-controller
AngularJS 控制器 控制 AngularJS 应用程序的数据. AngularJS 控制器是常规的 JavaScript 对象. AngularJS 应用程序被控制器控制. ng-contro ...
- html+css学习笔记:实用LessColor函数搭建配色方案
http://www.zcool.com.cn/article/ZMTUyNDc2.html 前言:用LESS CSS框架进行编码会简化代码结构,提高我们的工作效率,但是试验后你会发现,默认情况下,L ...