您的位置：首页 > Web前端 > JavaScript

javascript基础(1)

2016-05-11 10:11 465 查看

1.前言

　　ECMAscript解释，用来解释JS代码

　　DOM 文档对象模型，浏览器在做显示时需要渲染DOM树

BOM 浏览器对象模型，可以控制浏览器的行为,代码的兼容性很差

2、基本类型

　　数字类型:　　var a = 12;

　　字符串：　　 var a = "String";

　　函数类型： var a = function()

　　对象类型: var a = document

　　布尔类型： var a = boolean

一个变量的类型是根据其赋值决定。

3.类型转换

显示转换

<!DOCTYPE html>
<html>
<head>
<title>求和</title>
<script type="text/javascript">
window.onload= function (){

var oBtn = document.getElementById('btn');
oBtn.onclick = function (){
var oInput1 = document.getElementById('input1');
var oInput2 = document.getElementById('input2');
var value1 = parseInt(oInput1.value); //将字符串转换为Int
var value2 = parseInt(oInput2.value);
if(!isNaN(value1) && !isNaN(value2))  //判断一个变量是不是数字类型
alert(value2 + value1);
}
}
</script>
</head>
<body>
<input type="text" id="input1">
<input type="text" id="input2">
<button id="btn" type="button">求和</button>
</body>
</html>

隐式类型转换

　　== 值相等则为真

　　=== 类型相等且值相等为真

　　+ 字符串连接符/数字相加

　　- 会将字符串转为数字做减法操作

4.变量的作用域

闭包:子函数可以访问父函数中的变量

function a(){
var temp =1;
function b(){
temp = 2;
}
}

变量命名规范

　　

5.json解析

单个访问json

<!DOCTYPE html>
<html>
<head>
<title>json</title>
<script type="text/javascript">
var json = {a:12, b:"sss", c:12.4};
alert(json.a);
alert(json['b']);
</script>
</head>
<body>
</body>
</html>

循环访问json

<!DOCTYPE html>
<html>
<head>
<title>json</title>
<script type="text/javascript">
var json = {a:12, b:"sss", c:12.4};
//tmp为键,json[tmp]为值
for(var tmp in json)
alert(json[tmp]);
</script>
</head>
<body>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航