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访问对象的
68
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
