JavaScript案例Word文档下载推荐.docx
《JavaScript案例Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《JavaScript案例Word文档下载推荐.docx(41页珍藏版)》请在冰豆网上搜索。
navigator.plugins
•取变量类型
typeof($js_libpath)=="
undefined"
•下拉框
下拉框.options[索引]
下拉框.options.length
•查找对象
document.getElementsByName("
r1"
document.getElementById(id);
•定时
timer=setInterval('
scrollwindow()'
delay);
clearInterval(timer);
•UNCODE编码
escape(),unescape
•父对象
obj.parentElement(dhtml)
obj.parentNode(dom)
•交换表的行
TableID.moveRow(2,1)
•替换CSS
document.all.csss.href="
a.css"
;
•并排显示
display:
inline
•隐藏焦点
hidefocus=true
•根据宽度换行
style="
word-break:
break-all"
•自动刷新
<
metaHTTP-EQUIV="
refresh"
CONTENT="
8;
URL="
>
•简单邮件
ahref="
mailto:
aaa@?
subject=ccc&
body=xxxyyy"
•快速转到位置
obj.scrollIntoView(true)
•锚
aname="
first"
#first"
anchors<
/a>
•网页传递参数
location.search();
•可编辑
obj.contenteditable=true
•执行菜单命令
obj.execCommand
•双字节字符
/[^\x00-\xff]/
汉字
/[\u4e00-\u9fa5]/
•让英文字符串超出表格宽度自动换行
word-wrap:
break-word;
word-break:
break-all;
•透明背景
IFRAMEsrc="
1.htm"
width=300height=180allowtransparency>
/iframe>
•获得style内容
obj.style.cssText
•HTML标签
document.documentElement.innerHTML
•第一个style标签
document.styleSheets[0]
•style标签里的第一个样式
document.styleSheets[0].rules[0]
•防止点击空链接时,页面往往重置到页首端。
javascript:
function()"
word<
•上一网页源
asp:
request.servervariables("
HTTP_REFERER"
)
document.referrer
•释放内存
CollectGarbage();
•禁止右键
document.oncontextmenu=function(){returnfalse;
}
•禁止保存
noscript>
iframesrc="
*.htm"
/noscript>
•禁止选取<
bodyoncontextmenu="
returnfalse"
ondragstart="
onselectstart="
onselect="
document.selection.empty()"
oncopy="
onbeforecopy="
onmouseup="
document.selection.empty()>
•禁止粘贴
inputtype=textonpaste="
•地址栏图标
linkrel="
ShortcutIcon"
href="
favicon.ico"
favicon.ico名字最好不变16*16的16色,放虚拟目录根目录下
•收藏栏图标
Bookmark"
•查看源码
inputtype=buttonvalue=查看网页源代码onclick="
window.location='
view-source:
'
+'
•关闭输入法
inputstyle="
ime-mode:
disabled"
•自动全选
inputtype=textname=text1value="
123"
onfocus="
this.select()"
•ENTER键可以让光标移到下一个输入框
inputonkeydown="
if(event.keyCode==13)event.keyCode=9"
•文本框的默认值
inputtype=textvalue="
alert(this.defaultValue)"
•title换行
obj.title="
123&
#13sdfs&
#32"
•获得时间所代表的微秒
varn1=newDate("
2004-10-10"
.replace(/-/g,"
\/"
)).getTime()
•窗口是否关闭
win.closed
•checkbox扁平
inputtype=checkboxstyle="
position:
absolute;
clip:
rect(5px15px15px5px)"
br>
•获取选中内容
document.selection.createRange().duplicate().text
•自动完成功能
inputtype=textautocomplete=on>
打开该功能
inputtype=textautocomplete=off>
关闭该功能
•窗口最大化
bodyonload="
window.resizeTo(window.screen.width-4,window.screen.height-50);
window.moveTo(-4,-4)"
•无关闭按钮IE
window.open("
aa.htm"
"
meizz"
fullscreen=7"
•统一编码/解码
alert(decodeURIComponent(encodeURIComponent("
http:
//你好.com?
as=hehe"
)))
encodeURIComponent对"
:
"
、"
/"
和"
?
也编码
•表格行指示
tronmouseover="
this.bgColor='
#f0f0f0'
onmouseout="
#ffffff'
//各种尺寸
s+="
\r\n网页可见区域宽:
+document.body.clientWidth;
\r\n网页可见区域高:
+document.body.clientHeight;
+document.body.offsetWeight+"
(包括边线的宽)"
+document.body.offsetHeight+"
\r\n网页正文全文宽:
+document.body.scrollWidth;
\r\n网页正文全文高:
+document.body.scrollHeight;
\r\n网页被卷去的高:
+document.body.scrollTop;
\r\n网页被卷去的左:
+document.body.scrollLeft;
\r\n网页正文部分上:
+window.screenTop;
\r\n网页正文部分左:
+window.screenLeft;
\r\n屏幕分辨率的高:
+window.screen.height;
\r\n屏幕分辨率的宽:
+window.screen.width;
\r\n屏幕可用工作区高度:
+window.screen.availHeight;
\r\n屏幕可用工作区宽度:
+window.screen.availWidth;
//过滤数字
//特殊用途
//不缓存
//正则匹配匹配中文字符的正则表达式:
[\u4e00-\u9fa5]
匹配双字节字符(包括汉字在内):
[^\x00-\xff]
匹配空行的正则表达式:
\n[\s|]*\r
匹配HTML标记的正则表达式:
/<
(.*)>
.*<
\/\1>
|<
(.*)\/>
/
匹配首尾空格的正则表达式:
(^\s*)|(\s*$)(像vbscript那样的trim函数)
匹配Email地址的正则表达式:
\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
匹配网址URL的正则表达式:
//([\w-]+\.)+[\w-]+(/[\w-./?
%&
=]*)?
以下是例子:
利用正则表达式限制网页表单里的文本框输入内容:
用正则表达式限制只能输入中文:
onkeyup="
value=value.replace(/[^\u4E00-\u9FA5]/g,'
)"
onbeforepaste="
clipboardData.setData('
text'
clipboardData.getData('
).replace(/[^\u4E00-\u9FA5]/g,'
))"
1.用正则表达式限制只能输入全角字符:
onkeyup="
value=value.replace(/[^\uFF00-\uFFFF]/g,'
).replace(/[^\uFF00-\uFFFF]/g,'
2.用正则表达式限制只能输入数字:
value=value.replace(/[^\d]/g,'
)"
onbeforepaste="
).replace(/[^\d]/g,'
3.用正则表达式限制只能输入数字和英文:
value=value.replace(/[\W]/g,'
//消除图像工具栏
IMGSRC="
mypicture.jpg"
HEIGHT="
100px"
WIDTH="
GALLERYIMG="
false"
or
head>
metahttp-equiv="
imagetoolbar"
content="
no"
/head>
//无提示关闭
functionClose()
{
varua=navigator.userAgent
varie=navigator.appName=="
MicrosoftInternetExplorer"
true:
false
if(ie)
{
varIEversion=parseFloat(ua.substring(ua.indexOf("
MSIE"
)+5,ua.indexOf("
ua.indexOf("
))))
if(IEversion<
5.5)
varstr='
objectid=noTipCloseclassid="
clsid:
ADB880A6-D8FF-11CF-9377-00AA003B7A11"
str+='
paramname="
Command"
value="
Close"
/object>
document.body.insertAdjacentHTML("
beforeEnd"
str);
document.all.noTipClose.Click();
}
else
window.opener=null;
window.close();
window.close()
}//取得控件得绝对位置
(1)
scriptlanguage="
javascript"
functiongetoffset(e)
vart=e.offsetTop;
varl=e.offsetLeft;
while(e=e.offsetParent)
t+=e.offsetTop;
l+=e.offsetLeft;
varrec=newArray
(1);
rec[0]=t;
rec[1]=l;
returnrec
/script>
//获得控件的绝对位置
(2)
oRect=obj.getBoundingClientRect();
oRect.left
oRect.//最小化,最大化,关闭
//光标停在文字最后
functioncc()
vare=event.srcElement;
varr=e.createTextRange();
r.moveStart('
character'
e.value.length);
r.collapse(true);
r.select();
cc()"
//页面进入和退出的特效
进入页面<
Page-Enter"
revealTrans(duration=x,transition=y)"
推出页面<
Page-Exit"
这个是页面被载入和调出时的一些特效。
duration表示特效的持续时间,以秒为单位。
transition表示使
用哪种特效,取值为1-23:
0矩形缩小
1矩形扩大
2圆形缩小
3圆形扩大
4下到上刷新
5上到下刷新
6左到右刷新
7右到左刷新
8竖百叶窗
9横百叶窗
10错位横百叶窗
11错位竖百叶窗
12点扩散
13左右到中间刷新
14中间到左右刷新
15中间到上下
16上下到中间
17右下到左上
18右上到左下
19左上到右下
20左下到右上
21横条
22竖条
23//网页是否被检索
//打印分页
//设置打印
objectid="
factory"
style="
none"
viewastext
classid="
1663ed61-23eb-11d2-b92f-008048fdd814"
codebase="
inputtype=buttonvalue=页面设置onclick="
factory.printing.PageSetup()"
inputtype=buttonvalue=打印预览onclick="
factory.printing.Preview()"
scriptlanguage=javascript>
functionwindow.onload()
//--advancedfeatures
factory.printing.SetMarginMeasure
(2)//measuremarginsininches
factory.printing.SetPageRange(false,1,3)//needpagesfrom1to3
factory.printing.printer="
HPDeskJet870C"
factory.printing.copies=2
factory.printing.collate=true
factory.printing.paperSize="
A4"
factory.printing.paperSource="
Manualfeed"
//--basicfeatures
factory.printing.header="
居左显示&
b居中显示&
b居右显示页码,第&
p页/共&
P页"
factory.printing.footer="
(自定义页脚)"
factory.printing.portrait=false
factory.printing.leftMargin=0.75
factory.printing.topMargin=1.5
factory.printing.rightMargin=0.75
factory.printing.bottomMargin=1.5
functionPrint(frame){
factory.printing.Print(true,frame)//printwithprompt
inputtype=buttonvalue="
打印本页"
onclick="
factory.printing.Print(false)"
页面设置"
打印预览"
target=_blank>
具体使用手册,更多信息,点这里<
//自带的打印预览
WebBrowser.ExecWB(1,1)打开
Web.ExecWB(2,1)关闭现在所有的IE窗口,并打开一个新窗口
Web.ExecWB(4,1)保存网页
Web.ExecWB(6,1)打印
Web.ExecWB(7,1)打印预览
Web.ExecWB(8,1)打印页面设置
Web.ExecWB(10,1)查看页面属性
Web.ExecWB(15,1)好像是撤销,有待确认
Web.ExecWB(17,1)全选
Web.ExecWB(22,1)刷新
Web.ExecWB(45,1)关闭窗体无提示
stylemedia=print>
.Noprint{display:
none;
}<
!
--用本样式在打印时隐藏非打印项目-->
.PageNext{page-break-after:
always;
--控制分页-->
/style>
WebBrowser"
width=0height=0classid="
CLSID:
8856F961-340A-11D0-A96B-00C04FD705A2"
centerclass="
Noprint"
>
inputtype=buttonvalue=打印onclick=document.all.WebBrowser.ExecWB(6,1)>
inputtype=buttonvalue=直接打印onclick=docu