JavaScript就这么回事 (JS基础知识整理)

JavaScript就这么回事 (JS基础知识整理)

1 创建脚本块

引用内容程序代码

2 隐藏脚本代码
引用内容程序代码

在不支持JavaScript的浏览器中将不执行相关代码

3 浏览器不支持的时候显示
引用内容程序代码

4 链接外部脚本文件
引用内容程序代码

5 注释脚本
引用内容程序代码
// This is a comment
document.write(“Hello”); // This is a comment
/*
All of this
is a comment
*/

6 输出到浏览器
引用内容程序代码
document.write(“Hello”);

7 定义变量
引用内容程序代码
var myVariable = “some value”;

8 字符串相加
引用内容程序代码
var myString = “String1” + “String2”;

9 字符串搜索
引用内容程序代码

10 字符串替换
引用内容程序代码
thisVar.replace(“Monday”,”Friday”);

11 格式化字串
引用内容程序代码

12 创建数组
引用内容程序代码

13 数组排序
引用内容程序代码

14 分割字符串
引用内容程序代码

15 弹出警告信息
引用内容程序代码

16 弹出确认框
引用内容程序代码

17 自定义函数
引用内容程序代码

18 调用JS函数
引用内容程序代码
Link text
Link text

19 在页面加载完成后执行函数
引用内容程序代码

Body of the page

20 条件判断
引用内容程序代码

21 指定次数循环
引用内容程序代码

22 设定将来执行
引用内容程序代码

23 定时执行函数
引用内容程序代码

24 取消定时执行
引用内容程序代码

25 在页面卸载时候执行函数
引用内容程序代码

Body of the page

JavaScript就这么回事2：浏览器输出

26 访问document对象
引用内容程序代码

27 动态输出HTML
引用内容程序代码

28 输出换行
引用内容程序代码
document.writeln(“a”);
document.writeln(“b”);

29 输出日期
引用内容程序代码

30 指定日期的时区
引用内容程序代码

31 设置日期输出格式
引用内容程序代码

32 读取URL参数
引用内容程序代码

你还以为HTML是无状态的么？

33 打开一个新的document对象
引用内容程序代码

34 页面跳转
引用内容程序代码

35 添加网页加载进度窗口
引用内容程序代码

This is the main page

JavaScript就这么回事3：图像

36 读取图像属性
引用内容程序代码

Width

37 动态加载图像
引用内容程序代码

38 简单的图像替换
引用内容程序代码

onMouseOut=”document.myImage.src = defaultImage.src;”>

39 随机显示图像
引用内容程序代码

40 函数实现的图像替换
引用内容程序代码

onMouseOut=”document.myImage1.src = rollImage1[source].src;”>

41 创建幻灯片
引用内容程序代码

42 随机广告图片
引用内容程序代码

JavaScript就这么回事4：表单

43 表单构成
引用内容程序代码

44 访问表单中的文本框内容
引用内容程序代码

45 动态复制文本框内容
引用内容程序代码

46 侦测文本框的变化
引用内容程序代码

47 访问选中的Select
引用内容程序代码

48 动态增加Select项
引用内容程序代码

49 验证表单字段
引用内容程序代码

50 验证Select项
引用内容程序代码
function checkList(selection) {
if (selection.length == 0) {
window.alert(“You must make a selection from the list.”);
return false;
}
return true;
}

51 动态改变表单的action
引用内容程序代码

52 使用图像按钮
引用内容程序代码

53 表单数据的加密
引用内容程序代码

JavaScript就这么回事5：窗口和框架

54 改变浏览器状态栏文字提示
引用内容程序代码

55 弹出确认提示框
引用内容程序代码

56 提示输入
引用内容程序代码

57 打开一个新窗口
引用内容//打开一个名称为myNewWindow的浏览器新窗口
程序代码

58 设置新窗口的大小
引用内容程序代码

59 设置新窗口的位置
引用内容程序代码

60 是否显示工具栏和滚动栏
引用内容程序代码

61 是否可以缩放新窗口的大小
引用内容程序代码

62 加载一个新的文档到当前窗口
引用内容程序代码
Open New Document

63 设置页面的滚动位置
引用内容程序代码

64 在IE中打开全屏窗口
引用内容程序代码
Open a full-screen window

65 新窗口和父窗口的操作
引用内容程序代码
在新窗口中关闭父窗口
程序代码
window.opener.close()

66 往新窗口中写内容
引用内容程序代码

67 加载页面到框架页面
引用内容程序代码




在frame1中加载frame2中的页面
parent.frame2.document.location = “135b.html”;

68 在框架页面之间共享脚本
引用内容如果在frame1中html文件中有个脚本
程序代码
function doAlert() {
window.alert(“Frame 1 is loaded”);
}
那么在frame2中可以如此调用该方法

程序代码

This is frame 2.

69 数据公用
引用内容可以在框架页面定义数据项，使得该数据可以被多个框架中的页面公用
程序代码

这样在frame1和frame2中都可以使用变量persistentVariable

70 框架代码库
引用内容根据以上的一些思路，我们可以使用一个隐藏的框架页面来作为整个框架集的代码库

程序代码