var loadScript = function(fileName,callback) {
var scriptTag = document.createElement("script");
scriptTag.src = fileName;
document.body.appendChild(scriptTag);
if (callback) {
scriptTag.onload = callback;//ff
scriptTag.onreadystatechange = function()//ie
{
if (scriptTag.readyState == "loaded") {
callback();
}
}
}
}
]]>
首先单地Z雅的Javascript代码开个头
q用设计模式的三大原因：
可维护?
沟通交?
性能q求
不用设计模式的两大原因Q?
复杂?
性能q求
阅读全文
]]>
1
function $import(path, type, title) {
2
var s, i;
3
if (type == "js") {
4 var ss = document.getElementsByTagName("script");
5 for (i = 0; i < ss.length; i++) {
6 if (ss[i].src && ss[i].src.indexOf(path) != -1) {
7 return;
8
}
9 }
10 s = document.createElement("script");
11 s.type = "text/javascript";
12 s.src = path;
13 } else {
14 if (type == "css") {
15 var ls = document.getElementsByTagName("link");
16 for (i = 0; i < ls.length; i++) {
17 if (ls[i].href && ls[i].href.indexOf(path) != -1) {
18 return;
19 }
20 }
21 s = document.createElement("link");
22 s.rel = "alternate stylesheet";
23 s.type = "text/css";
24 s.href = path;
25 s.title = title;
26 s.disabled = false;
27 } else {
28 return;
29 }
30 }
31 var head = document.getElementsByTagName("head")[0];
32 head.appendChild(s);
33
}
34
35function setStyle(title) {
36 var i, links, eflag = false;
37 links = document.getElementsByTagName("link");
38 for (i = 0; links[i]; i++) {
39 if (links[i].getAttribute("rel").indexOf("style") != -1 && links[i].getAttribute("title")) {
40 links[i].disabled = true;
41 if (links[i].getAttribute("title").indexOf(title) != -1) {
42 links[i].disabled = false;
43 eflag = true;
44 }
45 }
46 }
47 if (!eflag) {
48 $import("skin/" + title + "/default.css", "css", title);
49 setStyle(title);
50 }
51}
function $import(path, type, title) {
2
var s, i;3
if (type == "js") {
4
var ss = document.getElementsByTagName("script");5
for (i = 0; i < ss.length; i++) {6
if (ss[i].src && ss[i].src.indexOf(path) != -1) {7
return;8
}9
}10
s = document.createElement("script");11
s.type = "text/javascript";12
s.src = path;13
} else {14
if (type == "css") {15
var ls = document.getElementsByTagName("link");16
for (i = 0; i < ls.length; i++) {17
if (ls[i].href && ls[i].href.indexOf(path) != -1) {18
return;19
}20
}21
s = document.createElement("link");22
s.rel = "alternate stylesheet";23
s.type = "text/css";24
s.href = path;25
s.title = title;26
s.disabled = false;27
} else {28
return;29
}30
}31
var head = document.getElementsByTagName("head")[0];32
head.appendChild(s);33
}34
35
function setStyle(title) {36
var i, links, eflag = false;37
links = document.getElementsByTagName("link");38
for (i = 0; links[i]; i++) {39
if (links[i].getAttribute("rel").indexOf("style") != -1 && links[i].getAttribute("title")) {40
links[i].disabled = true;41
if (links[i].getAttribute("title").indexOf(title) != -1) {42
links[i].disabled = false;43
eflag = true;44
}45
}46
}47
if (!eflag) {48
$import("skin/" + title + "/default.css", "css", title);49
setStyle(title);50
}51
}]]>
四个ҎsearchQsplitQreplaceQ?nbsp;match
详细解说
search用法Qstr.search("子串")
如果str中存在子Ԍ则返回子串开头字W在str中的索引Q即位置Q当然是0或者正敎ͼQ若str中不存在匚w子串则返回－1
例如Q?JavaScript regular expressions are powerful!".search("pow")q回的是35Q因为pow在前面字W串的第35位置
split用法Q?/strong>str.split("分隔字符")
q回由str中由用户所定分隔字W的各字W串Q字W串间由Q号隔开
例如Q?"10 / 3 / / 4 / 7 / 9".split ("/")Q返回的?0, 3,I格, 4, 7, 9Q认真看一下会发现数字与逗号间也有空?/p>
文章中有q句话：Using split() with a regular expression argument (rather than a string argument) allows you the flexibility of ignoring multiple whitespace or delimiter characters.
我这里明昄的是普通字W串参数Q下面用的是正则式参?/p>
"10 / 3 / / 4 / 7 / 9".split(/[ \/]+/);
q回的是Q?0,3,4,7,9Q注意这个串与上面串在空格的不同Q数字与逗号间没有空|q就是所谓的忽略I格
replace用法Q?/strong>str.replace("匚w子串"Q?替换匚w子串的串")
如果匚w子串在原串中找不刎ͼ不q行替换Q返回是原串Q若能找到匹配子Ԍ则返回替换后的串
例如Qvar s = "Hello. Regexps are fun.";s = s.replace(".", "!");
叹号代替第一个点L后返回串Q这是此函数特点Q只替换W一处匹配的地方Q如果要替换每处匚w的地方，需要用到正则式Q正则式的作用很大，但是我只会皮毛，在此不D例?/p>
match用法Qstr.match("匚w子串")
若没有匹配子Ԍ则返回空Q若存在匚w子串Q则q回子串
]]>
1.getElementsByTagName(tagName)可以使用很多元素对象来调用，我没有全试过Q所以不敢打包票Q不q基本上是你想要用到的标签Q都可以使用它来获得他的子标{arrayQ不几层以内?/p>
2.getElementById只能用用document对象来调用，你试一下看看div能否使用q个函数扑ֈ他的子标{，{案是否的?面上的id可以直接用作变量名来引用标签对象?/p>
3.getElementsByName也只能用在document对象Q然后不是Q意一个标{N有nameQ注意有些标{没有name的，你异惛_开CؓM标签都加个name属性，l果是q个nameq不能用来烦引这个标{?/p>
4.form元素里面的input元素可以通过.id或?name的方式获得其中元? 即隔着div和table都可? 但是div和table是无法这样从form中获得的, form里面的元素也无法从table和div中用这U方法获?
注意"s"的区别，唯一?/p>
innerHTML属性可以改变span里面的? 但是innerText却不?不知道ؓ什?
最好的调试ҎQalert函数?
以上不敢包正，但是的确是我自己试以后得来的，改变了自׃前很多的xQ原来设计者搞得那么卑鄙的Q弄Mh了?/p>
Ƣ迎补充Q有关[]的用来代替函数查找Q我q没有试验?/p>
自己调用document.form[0].submit()的时候，会出现submit is not a function错误Q用firefox的firebug调试Q非常好用）Q原因是面的form中出现具有name=submit的元素，q样会媄响到javascript调用submit()函数Q改掉那个name=submit的元素即可?br />
另外submit提交struts1.2的action时候，如果后面跟有?method=***{的参数Q那么注意，q个函数里面不要出现有method{关键字?br /> 例如函数Q?br /> function changeAction(methodArg, wayArg){
with (document.forms[0]) {
action="<html:rewrite page='/BgdInfoReportAction.do'/>?method="+ methodArg + "&way=" + wayArg;
submit();
}
}
使用?method=***是在使用dispatchAction时候的做法原来我的参数名称是method和wayQ?br /> l果报错QAction[/BgdInfoReportAction] does not contain method named post
原因是？后的method变得没有效，那么q个submit提交使用默认的postҎ提交Qservlet默认分ؓpost和getҎ嘛）Q?br /> 后来我将methodҎmethodArg和wayҎwayArgQ这个actionp够正执行?br /> 我重复测试改与不改的效果Q仍然与上面一栗ȝ原因可能是是javascript的一些关键字冲突Q所以尽量用特D一点的字符串作为变量名?/span>
]]>