JavaScript使用方法和技巧大全

更新时间：2009-6-28

简介： 本文把有关JavaScript的方法和技巧整理下，让每个在为JavaScript而烦恼的人明白，JavaScript就这么回事！并希望JavaScript还可以成为你的朋友，让你豁然开朗，在项目中更好的应用～ 适合阅读范围：对JavaScript一无所知～离精通只差一步之遥的人

代码使用方法：

有些时候你精通一门语言，但是会发现你其实整天在和其它语言打交道，也许你以为这些微不足道，不至于影响你的开发进度，但恰恰是这些你不重视的东西会浪费你很多时间，我一直以为我早在几年前就已经精通JavaScript了，直到目前，我才越来越觉得JavaScript远比我想象的复杂和强大，我开始崇拜它，就像崇拜所有OOP语言一样～
趁着节日的空隙，把有关JavaScript的方法和技巧整理下，让每个在为JavaScript而烦恼的人明白，JavaScript就这么回事！并希望JavaScript还可以成为你的朋友，让你豁然开朗，在项目中更好的应用～

适合阅读范围：对JavaScript一无所知～离精通只差一步之遥的人

基础知识：HTML


JavaScript就这么回事：基础知识

1 创建脚本块

<script language="JavaScript">
JavaScript code goes here
</script>

　

2 隐藏脚本代码

Select All

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

3 浏览器不支持的时候显示

Select All

　

4 链接外部脚本文件

Select All

5 注释脚本

Select All

　

6 输出到浏览器

Select All

　

7 定义变量

Select All

　

8 字符串相加

Select All

　

9 字符串搜索

全选 运行代码 复制代码 保存代码

　

10 字符串替换

Select All

11 格式化字串

全选 运行代码 复制代码 保存代码

　

12 创建数组

Select All

　

13 数组排序

全选 运行代码 复制代码 保存代码

14 分割字符串

全选 运行代码 复制代码 保存代码

　

15 弹出警告信息

全选 运行代码 复制代码 保存代码

　

16 弹出确认框

全选 运行代码 复制代码 保存代码

　

17 定义函数

Select All

　

18 调用JS函数

Select All

　

19 在页面加载完成后执行函数

Select All

20 条件判断

全选 运行代码 复制代码 保存代码

　

21 指定次数循环

全选 运行代码 复制代码 保存代码

　

22 设定将来执行

全选 运行代码 复制代码 保存代码

　

23 定时执行函数

全选 运行代码 复制代码 保存代码

　

24 取消定时执行

全选 运行代码 复制代码 保存代码

　

25 在页面卸载时候执行函数

Select All

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


26 访问document对象

全选 运行代码 复制代码 保存代码

　

27 动态输出HTML

全选 运行代码 复制代码 保存代码

28 输出换行

Select All

　

29 输出日期

全选 运行代码 复制代码 保存代码

　

30 指定日期的时区

全选 运行代码 复制代码 保存代码

31 设置日期输出格式

全选 运行代码 复制代码 保存代码

32 读取URL参数

全选 运行代码 复制代码 保存代码

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

33 打开一个新的document对象

全选 运行代码 复制代码 保存代码

　

34 页面跳转

全选 运行代码 复制代码 保存代码

　

35 添加网页加载进度窗口

全选 运行代码 复制代码 保存代码

　

JavaScript就这么回事3：图像

　

36 读取图像属性

Select All

37 动态加载图像

全选 运行代码 复制代码 保存代码

38 简单的图像替换

<script language="JavaScript">
rollImage = new Image;
rollImage.src = "http://www./images/logo.jpg";
defaultImage = new Image;
defaultImage.src = "image1.jpg";
</script>
<a href="http://www./images/logo.jpg" onMouseOver="document.myImage.src = rollImage.src;"
onMouseOut="document.myImage.src = defaultImage.src;">
<img src="http://www./images/logo.jpg" name="myImage" width=100 height=100 border=0>


39 随机显示图像

全选 运行代码 复制代码 保存代码

40 函数实现的图像替换

全选 运行代码 复制代码 保存代码

41 创建幻灯片

Select All

42 随机广告图片

全选 运行代码 复制代码 保存代码

JavaScript就这么回事4：表单


还是先继续写完JS就这么回事系列吧～

43 表单构成

全选 运行代码 复制代码 保存代码

44 访问表单中的文本框内容

全选 运行代码 复制代码 保存代码

45 动态复制文本框内容

全选 运行代码 复制代码 保存代码

46 侦测文本框的变化

全选 运行代码 复制代码 保存代码

47 访问选中的Select

全选 运行代码 复制代码 保存代码

48 动态增加Select项

全选 运行代码 复制代码 保存代码

49 验证表单字段

全选 运行代码 复制代码 保存代码

50 验证Select项

Select All

51 动态改变表单的action

全选 运行代码 复制代码 保存代码

52 使用图像按钮

全选 运行代码 复制代码 保存代码

[B]53 表单数据的加密

全选 运行代码 复制代码 保存代码

　


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


54 改变浏览器状态栏文字提示

全选 运行代码 复制代码 保存代码

55 弹出确认提示框

全选 运行代码 复制代码 保存代码

56 提示输入

全选 运行代码 复制代码 保存代码

57 打开一个新窗口

全选 运行代码 复制代码 保存代码

58 设置新窗口的大小

全选 运行代码 复制代码 保存代码

59 设置新窗口的位置

全选 运行代码 复制代码 保存代码

61 是否可以缩放新窗口的大小

全选 运行代码 复制代码 保存代码

62 加载一个新的文档到当前窗口

全选 运行代码 复制代码 保存代码

63 设置页面的滚动位置

全选 运行代码 复制代码 保存代码

64 在IE中打开全屏窗口

全选 运行代码 复制代码 保存代码

65 新窗口和父窗口的操作

全选 运行代码 复制代码 保存代码

在新窗口中关闭父窗口
window.opener.close()


66 往新窗口中写内容

全选 运行代码 复制代码 保存代码

67 加载页面到框架页面

全选 运行代码 复制代码 保存代码

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


68 在框架页面之间共享脚本
如果在frame1中html文件中有个脚本

Select All

那么在frame2中可以如此调用该方法

Select All

69 数据公用
可以在框架页面定义数据项，使得该数据可以被多个框架中的页面公用

全选 运行代码 复制代码 保存代码

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


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

Select All