JavaScript使用技巧总结

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

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

    基础知识：HTML

    JavaScript就这么回事：基础知识

1 创建脚本块

1: <script language="JavaScript">
2: JavaScript code goes here
3: 《script》

2 隐藏脚本代码

1: <script language="JavaScript">
2:
5: 《script》

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

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

1:

4 链接外部脚本文件

1: <script language="JavaScript"src="http://upload.server110.com/image/20140407/112912I07-6.jpgjavascript/filename.js">《script》

5 注释脚本

1: // This is a comment
2: document.write("Hello"); // This is a comment
3: /*
4: All of this
5: is a comment
6: */

6 输出到浏览器

1: document.write("Hello");

7 定义变量

1: var myVariable = "some value";

8 字符串相加

1: var myString = "String1" + "String2";

9 字符串搜索

1: <script language="JavaScript">
2:
7: 《script》

10 字符串替换

1: thisVar.replace("Monday","Friday");

11 格式化字串

1: <script language="JavaScript">
2:
21: 《script》

12 创建数组

1: <script language="JavaScript">
2:
11: 《script》

13 数组排序

1: <script language="JavaScript">
2:
11: 《script》

14 分割字符串

1: <script language="JavaScript">
2:
10: 《script》

15 弹出警告信息

1: <script language="JavaScript">
2:
5: 《script》

16 弹出确认框

1: <script language="JavaScript">
2:
5: 《script》

17 定义函数

1: <script language="JavaScript">
2:
8: 《script》

18 调用JS函数

1:

65 新窗口和父窗口的操作

1: <script language="JavaScript">
2: //定义新窗口
3: var newWindow =window.open("http://upload.server110.com/image/20140407/112912I07-6.jpg","newWindow");
4: newWindow.close(); //在父窗口中关闭打开的新窗口
5: 《script》
6: 在新窗口中关闭父窗口
7: window.opener.close()

66 往新窗口中写内容

1: <script language="JavaScript">
2: var newWindow = window.open("","newWindow");
3: newWindow.document.open();
4: newWindow.document.write("This is a new window");
5: newWIndow.document.close();
6: 《script》

67 加载页面到框架页面

1: <frameset cols="50%,*">
2: <frame name="frame1"src="http://upload.server110.com/image/20140407/112912I07-6.jpg"135a.html"">
3: <frame name="frame2"src="http://upload.server110.com/image/20140407/112912I07-6.jpg"about:blank"">
4: </frameset>
5: 在frame1中加载frame2中的页面
6: parent.frame2.document.location = "135b.html";

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

1: function doAlert() {
2: window.alert("Frame 1 is loaded");
3: }

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

1:
2: This is frame 2.
3:

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

1: <script language="JavaScript">
2: var persistentVariable = "This is a persistent value";
3: 《script》
4: <frameset cols="50%,*">
5: <frame name="frame1"src="http://upload.server110.com/image/20140407/112912I07-6.jpg"138a.html"">
6: <frame name="frame2"src="http://upload.server110.com/image/20140407/112912I07-6.jpg"138b.html"">
7: </frameset>

这样在frame1和frame2中都可以使用变量persistentVariable
70 框架代码库
根据以上的一些思路，我们可以使用一个隐藏的框架页面来作为整个框架集的代码库

1: <frameset cols="0,50%,*">
2: <frame name="codeFrame"src="http://upload.server110.com/image/20140407/112912I07-6.jpg"140code.html"">
3: <frame name="frame1"src="http://upload.server110.com/image/20140407/112912I07-6.jpg"140a.html"">
4: <frame name="frame2"src="http://upload.server110.com/image/20140407/112912I07-6.jpg"140b.html"">
5: </frameset>