JavaScript学习 第三周
HTML超链接
文法：
var text = "百度一下，你就知道".link("https://www.baidu,com");
doucument.write(text);
- 生成一个 可以点击的“百度一下你就知道”，链接到baidu.com
数组
定义数组：
//方法一
var names;
names = new Array(4);
//于是就生成了names[0]names[1]names[2]names[3];
//方法二
var names = new Array("晓梦","小梦酱");
//方法三
var names = ["赵东杰","李小安"];
未初始化时，里面的值是undefined.
sort 排序
接在已经定义好的数组后面，然后names.sort()即可。里面的东西会按顺序排好，从小到大。
数字是从小到大，字母是从a~z
- 升序原理：
function compare(a,b){
return a-b;
}
var ages = new Array(4,6,3,5,4,10,9,7);
ages = ages.sort(compare);
document.write(ages);
当返回值为负时，将a排在前面。当返回值为正时，将b排在前面。
- 改成降序：
function compare(a,b){
return b-a;
}
var ages = new Array(4,6,3,5,4,10,9,7);
ages = ages.sort(compare);
document.write(ages.join(">"));//这个join是链接数组元素的方法
其他用于数组的方法
join
链接数组元素的方法。
document.write(ages.join(">"));
输出：9>7>6>4>3;
concat
var arr1 = ["a","b"];
var arr2 = ["c","d"];
var array = arr1.concat(arr2);
document.write(array);
就会输出 abcd。把他黏在一起了
pop
取出末尾元素，删除。
var arr = ['a','b','c'];
document.write(arr.pop());
会输出一个末尾元素，并且把他从arr里永远删除掉。
push
从末尾塞入一个指定元素。
var arr = ['a','b','c'];
arr.push('d');
document.write(arr);
输出abcd。因为d被添加进去了
reverse
倒置，逆序，简单好懂。
shift
删除开头的一个元素，类似pop
slice
从指定的位置获取一个或多个值
var arr = ['a','b','c','d','e'];
var s1 = arr.slice(1,2);//从下标1取到下标2，即b与c
var s2 = arr.slice(1.3);//bcd
document.write(s1,s2);
输出 bc bcd；
unshift
从开头添加一个元素，类似push
联想数组
用字符串来储存数组：
//方法一
var members = new Object();
members["A001"] = "小梦酱";
members["A002"] = "晓梦酱";
//方法二
var favorites = {food:"可乐",color:"blue",number:"7"};
// 使用方法：
favorites[number] == favorites.number;
favorites[color] == favorites.color;
联想数组与for循环
- 可以运用for~in来把联想数组塞进for循环。
var colors = new Object();
colors["white"] = "白色";
colors["red"] = "红色";
colors["green"] = "绿色";
colors["blue"] = "蓝色";
colors["yellow"] = "黄色";
//创建了一个下标是英文，值是中文的联想数组。
for(var i in colors){
document.write(i + " " + colors[i] + "<br>");
}
会依次输出：
white 白色
red 红色
green 绿色
blue 蓝色
yellow 黄色
- 再举个例子,使用第二种定义方法。
var student = {小明:80, 小王:70, 小梦:90};
for(var i in student){
document.write(i + "的得分是：" + student[i] + "<br>");
}
输出：小明的得分是80 小王的得分是70，小梦的得分是90
。、
浏览器上的对象
当浏览器打开HTML时，会自动生成很多对象。
- window对象:管理窗口
- document对象:管理HTML
- image对象:管理图像
- button对象:管理按钮
- form对象:管理表单
navigator对象
关于浏览器的属性。
- appCodeName：浏览器的代号(代号:Mozilla等)
- appName：浏览器名称
- appVersion：浏览器版本
- userAgent：用户代理(浏览器发送的字符串)
- language：浏览器语言(日语，英语)
- platform：环境，win32；
- cookieEnabled：cookie是否有效
Event 活动
事件处理程序(event handler)
事件(event):当某种状态发生时所发生的事物事件处理程序是对这个事件给予处理的命令。
The onclick (cases)→对点击事件给予处理
各种event活动：
| Event | 作用 |
|---|---|
| onblue | 焦点偏离时（鼠标不在上面） |
| onfocus | 焦点得到时（鼠标在上面） |
| onclick | 点击时 |
| ondbclick | 双击时 |
| onmousedown | 按下鼠标时 |
| onmouseup | 抬起鼠标时 |
| onmousemove | 移动鼠标的时候 |
| onchange | 当输入文本变更的时候 |
| onsubmit | 表单被发送的时候 |
| onload | 当网页被加载的时候 |
| onunload | 当网页切换时 |
| onselect | 当文本被选中时 |
1.在HTML中设置事件处理程序
<input type="button" value="button1"
name="buttonl" onclick=" funcl (' button1');">
.
与函数结合在一起
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>小梦酱</title>
<script>
function func1(str){
alert(str + "点击了");
}
</script>
</head>
<body>
<form id="myForm" name="myForm">
<input type="button" value="button1"
name="buttonl" onclick="func1('button1');">
// 点击后启用func1，套用的是button1。
</form>
</body>
</html>
onload
- 能在html页面刚被打开的时候就执行一个函数。
window.onload = func1;
即：刚打开此窗口时就运行func1；
呜呜呜
浙公网安备 33010602011771号