javascript入门学习笔记2
2024-08-26 05:41:46
JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型:
实例
var x // x 为 undefined
var x = 6; // x 为数字
var x = "Bill"; // x 为字符串
JavaScript 数组
下面的代码创建名为 cars 的数组:
var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";
或者 (condensed array):
var cars=new Array("Audi","BMW","Volvo");
或者 (literal array):
实例
var cars=["Audi","BMW","Volvo"];
对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔:
var person={firstname:"Bill", lastname:"Gates", id:5566};
上面例子中的对象 (person) 有三个属性:firstname、lastname 以及 id。
空格和折行无关紧要。声明可横跨多行:
<!DOCTYPE html>
<html>
<body> <script>
var person={
firstname : "Bill",
lastname : "Gates",
id : 5566
};
document.write(person.lastname + "<br />");
document.write(person["lastname"] + "<br />");
</script> </body>
</html>
结果:
Gates
Gates
申明后默认Undefined
Undefined 这个值表示变量不含有值。
可以通过将变量的值设置为 null 来清空变量。
声明变量类型
当您声明新变量时,可以使用关键词 "new" 来声明其类型:
var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;
JavaScript 变量均为对象。当您声明一个变量时,就创建了一个新的对象。
JavaScript 中的几乎所有事务都是对象:字符串、数字、数组、日期、函数,等等。
你也可以创建自己的对象。
本例创建名为 "person" 的对象,并为其添加了四个属性:
<!DOCTYPE html>
<html>
<body> <script>
person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";
document.write(person.firstname + " is " + person.age + " years old.");
</script> </body>
</html>
var message="Hello world!";
var x=message.toUpperCase(); 申明函数,关键词 function 必须是小写的 如果把数字与字符串相加,结果将成为字符串。
给x=5
=== | 全等(值和类型) | x===5 为 true;x==="5" 为 false |
var time=new Date().getHours();获取当前时间。
var d=new Date().getDay();获取当前星期几(int)(0-6)对应(周日-周6)
try-catch
<!DOCTYPE html>
<html>
<body> <script>
function myFunction()
{
try
{
var x=document.getElementById("demo").value;
if(x=="") throw "值为空";
if(isNaN(x)) throw "不是数字";
if(x>10) throw "太大";
if(x<5) throw "太小";
}
catch(err)
{
var y=document.getElementById("mess");
y.innerHTML="错误:" + err + "。";
}
}
</script> <h1>我的第一个 JavaScript 程序</h1>
<p>请输入 5 到 10 之间的数字:</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">测试输入值</button>
<p id="mess"></p> </body>
</html>
最新文章
- DataStructure 排序 源码实现
- linux项目-之系统安装部署-cobbler
- hdu 2444 二分图判断与最大匹配
- C# 通过URL获取图片并显示在PictureBox上的方法
- C# const与static的理解
- 思科ASA系列防火墙配置手册
- noip 2012 国王游戏(贪心+高精)
- 项目Beta冲刺第一天
- gulp打包普通项目
- gogs 安装
- Shiro HashedCredentialsMatcher 认证匹配
- PHP5.3的编译扩展
- [转]bootstrapTable refresh 方法使用简单举例
- Flash OS images to SD cards &; USB drives &; TF cards safely and easily using etcher
- Graph
- 用HTML编写淘宝页面
- 20145326《Java程序设计》第一周学习总结
- /proc目录下文件详解
- cinder 挂载卷和 iSCSI原理
- Thinkphp学习笔记3-前置和后置操作