javascript的引入
1.嵌入javascript:加在head部分或body部分。例:弹出欢迎访问网站的对话框
javascript
<html>
<head><title>在页面中直接嵌入javascript</title>
<script language="javascript">
var now=new Date(); //获取对象的一个实例
var hour=now.getHours(); //获取小时数
var minu=now.getMinutes(); //获取分钟数
alert("您好,现在是"+hour+":"+minu+"\r欢迎访问我公司网站!") //弹出提示对象框
</script>
</head>
</html>
效果如下:
2.链接式javascript
将代码放在一个单独的文件夹中(扩展名为.js),然后在需要使用的web页面中链接该javascript文件即可。
链接外部javascript的语法如下:
<script language=”javascript” src=”javascript.js”></script>
1.在外部js文件中,不需要将脚本代码用括起来。
2.Javascript不要求以分号结尾,如果语句的结束处没有分号,javascript会自动将该行代码的结尾作为语句的结尾。但最好还是加啦。
3.Javascript的变量是弱类型的,定义变量时,只使用var运算符,就可以将变量初始为任意值。
变量名由字母数字下划线组成,必须以字母或下划线。区分大小写。
补充:
var关键字影响了变量的作用域。
函数外部:变量不管是否用了var申明,都是全局变量。
函数内部:变量如果没有使用var关键字申明,那它就是全局变量,只有用var关键字申明了,才是局部变量。
可以同时用var声明多个变量;也可以在声明的时候赋值。
数据类型
1.以0开头的数为八进制;以0x开头为十六进制。
2.浮点型的科学计数法,例:
1.66E5 //采用科学计数法表示,代表1.6*10^5
3.引号的双重使用:外单内双或外双内单。
4.反斜杠:禁止解析。例:
console.log("包\"青\"天"); //包"青"天
补充:常用转义字符:
转义字符 | 描述 | 转义字符 | 描述 |
\b | 退格 | \n | 换行 |
\f | 换页 | \t | Tab符 |
\r | 回车 | ’ | 单引号 |
" | 双引号 | \ | 反斜杠 |
运算符P40
6种:赋值、算术、比较、逻辑、条件、字符。
1.
异或运算:参加运算的两个对象,如果两个相应位为“异”(值不同),则该位结果为1,否则为0。
2.
【例3-2】编写javascript代码,应用算术运算符计算商品金额。
<html><head><title>算术运算符计算商品金额</title>
<script language="javascript">
var price=992; //定义商品单价
var number=10; //定义商品数量
var sum=price*number; //计算商品金额
alert("商品金额为:"+sum); //显示商品金额
</script>
</head>
</html>
效果如下:
3.
5.条件运算符:
操作数?结果1:结果2
如果操作数的结果为true,结果为结果1,否则为结果2
var a=26;
var b=30;
var m=a>b?a:b; //结果为30
6.字符串运算符:
var a="One"+"world"; //将两个字符串连接后的结果赋值给变量a
a+="One Dream" //连接两个字符串并赋值给变量a
alert(a); //弹框显示a
【例3-3】checkRealName()验证输入的字符串是否为汉字
判断是否为2到5位汉字:[\u4E00-\u9FA5]{2,5}
var objExp=/[\u4E00-\u9FA5]{2,}/; //判断输入内容是不是两位以上汉字
if(objExp.test(str)==true){
alert("您输入的真实姓名正确!");
}else{
alert("您输入的真实姓名有误!");
}
将光标置于输入框内:
form1.realName.focus()
完整代码:
<html><head><title>验证输入的字符串是否为汉字</title>
<script language="javascript">
function checkRealName(){
var str=form1.realName.value; //获取真实姓名
if(str==""){ //当真实姓名为空时
alert("请输入真实姓名!");form1.realName.focus();return; //弹出弹框并将光标置于输入框内
}else{
var objExp=/[\u4E00-\u9FA5]{2,}/; //判断输入内容是不是两位以上汉字
if(objExp.test(str)==true){
alert("您输入的真实姓名正确!");
}else{
alert("您输入的真实姓名有误!");
}
}
}
</script>
</head>
<body>
<form action="" name="form1" method="post">
请输入真实姓名:<input type="text" name="realName" id="realName" size="40">
<br><br>
<input type="button" name="Button" class="btn_grey" onClick="checkRealName()" value="检测">
</form>
</body>
</html>
效果如下:
javascript的常用事件 P46
如:
<html><head>
<title>事件处理程序的调用</title></head>
<input id="bt_save" type="button" value="保存">
<script language="javascript">
var b_save=document.getElementById("bt_save"); //获取bt_save对象并赋值给b_save
b_save.onclick=function(){ //onclick是事件,onClick()是函数
alert("单击了保存按钮");
}
</script>
</html>
效果:
或
<html><head><title>调用2</title> </head>
<body>
<input type="button" id="bt_save" value="保存" onclick="alert('单击了保存按钮')">
</body>
</html>
【注】引用时是通过id访问对象的