javascript高级编程运用

一//各种尺寸 （size)

s += “\r\n网页可见区域宽：“+ document.body.clientWidth;
s += “\r\n网页可见区域高：“+
document.body.clientHeight;
s += “\r\n网页可见区域高：“+ document.body.offsetWeight
+” (包括边线的宽)“;
s += “\r\n网页可见区域高：“+ document.body.offsetHeight +” (包括边线的宽)“;

s += “\r\n网页正文全文宽：“+ document.body.scrollWidth;
s += “\r\n网页正文全文高：“+
document.body.scrollHeight;
s += “\r\n网页被卷去的高：“+ document.body.scrollTop;

s += “\r\n网页被卷去的左：“+ document.body.scrollLeft;
s += “\r\n网页正文部分上：“+
window.screenTop;
s += “\r\n网页正文部分左：“+ window.screenLeft;
s +=
“\r\n屏幕分辨率的高：“+ window.screen.height;
s += “\r\n屏幕分辨率的宽：“+
window.screen.width;
s += “\r\n屏幕可用工作区高度：“+ window.screen.availHeight;
s
+= “\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的正则表达式：http://([\w-]+.)+[\w-]+(/[\w- ./?%&=])?
以下是例子：

利用正则表达式限制网页表单里的文本框输入内容：

用正则表达式限制只能输入中文：onkeyup=“value=value.replace(/[\u4E00-\u9FA5]/g,‘‘)”
onbeforepaste=“clipboardData.setData(‘text‘,clipboardData.getData(‘text‘).replace(/[\u4E00-\u9FA5]/g,‘‘))”

1.用正则表达式限制只能输入全角字符：
onkeyup=“value=value.replace(/[\uFF00-\uFFFF]/g,‘‘)”
onbeforepaste=“clipboardData.setData(‘text‘,clipboardData.getData(‘text‘).replace(/[\uFF00-\uFFFF]/g,‘‘))”

2.用正则表达式限制只能输入数字：onkeyup=“value=value.replace(/[\d]/g,‘‘)
“onbeforepaste=“clipboardData.setData(‘text‘,clipboardData.getData(‘text‘).replace(/[\d]/g,‘‘))”

3.用正则表达式限制只能输入数字和英文：onkeyup=“value=value.replace(/[\W]/g,‘‘)
“onbeforepaste=“clipboardData.setData(‘text‘,clipboardData.getData(‘text‘).replace(/[^\d]/g,‘‘))”

//消除图像工具栏


or

//无提示关闭

function Close()
{
var ua=navigator.userAgent
var
ie=navigator.appName==“Microsoft Internet Explorer”?true:false
if(ie)

{

   var IEversion=parseFloat(ua.substring(ua.indexOf("MSIE ")+5,ua.indexOf(";",ua.indexOf("MSIE "))))

if(IEversion< 5.5)
{

var str  = ‘<object id=noTipClose classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">‘
    str += ‘<param name="Command" value="Close"></object>‘;
    document.body.insertAdjacentHTML("beforeEnd", str);
    document.all.noTipClose.Click();

}

   else

{

    window.opener =null;
    window.close();
   }
}

else
{
window.close()

}

}

//取得控件得绝对位置(1)

//获得控件的绝对位置(2)

oRect = obj.getBoundingClientRect();
oRect.left
oRect.

//最小化,最大化,关闭

//光标停在文字最后

//页面进入和退出的特效

进入页面
推出页面
这个是页面被载入和调出时的一些特效。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

//网页是否被检索
　　其中属性值有以下一些:
　　属性值为"all”: 文件将被检索，且页上链接可被查询；

　　属性值为"none”: 文件不被检索，而且不查询页上的链接；
　　属性值为"index”: 文件将被检索；

　　属性值为"follow”: 查询页上的链接；
　　属性值为"noindex”: 文件不检索，但可被查询链接；

　　属性值为"nofollow”:

//打印分页

page1

page2

//设置打印

classid=“clsid:1663ed61-23eb-11d2-b92f-008048fdd814”

codebase=“http://www.meadroid.com/scriptx/ScriptX.cab#Version=5,60,0,360”

具体使用手册，更多信息，点这里

//自带的打印预览
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) 关闭窗体无提示

//去掉打印时的页眉页脚

//浏览器验证

function checkBrowser()
{

this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.mac=(this.ver.indexOf(‘Mac‘) > -1) ?1:0;
this.ope=(navigator.userAgent.indexOf(‘Opera‘)>-1);
this.ie=(this.ie6 || this.ie5 || this.ie4)
this.ns=(this.ns4 || this.ns5)
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns5 || this.ns4 || this.mac || this.ope)
this.nbw=(!this.bw)
return this;

}

//计算内容宽和高

sdf

//无模式的提示框 function modelessAlert(Msg)
{

window.showModelessDialog("javascript:alert(\""+escape(Msg)+"\");window.close();","","status:no;resizable:no;help:no;dialogHeight:height:30px;dialogHeight:40px;");

}

//屏蔽按键

屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键

屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键

//屏蔽打印

//移动的图层，拖动

1.meizz

  1. wlecome

//文档状态改变

//刷新后不变的文本框

//访问剪贴板

event.dataTransfer.setData(“URL”, oImage.src);
sImageURL =
event.dataTransfer.getData(“URL”)
(2)普通访问

window.clipboardData.setData(“Text”,oSource.innerText);

window.clipboardData.getData(“Text”);

//操作COOKIE

function SetCookie(sName, sValue)
{
document.cookie = sName + “=” +
escape(sValue) + “; “;
}
function GetCookie(sName)
{
var aCookie
= document.cookie.split(“; “);
for (var i=0; i < aCookie.length; i++)

{

var aCrumb = aCookie.split(“=“);
if (sName == aCrumb[0])
return
unescape(aCrumb[1]);
}

}
function DelCookie(sName)
{
document.cookie = sName + “=” +
escape(sValue) + “; expires=Fri, 31 Dec 1999 23:59:59 GMT;“;
}

//setTimeout增加参数

//自定义的apply,call

Function.prototype.apply = function (obj, argu) {
if (obj)
obj.constructor.prototype.caller = this;
var argus = new Array();

for (var i=0;i argus = “argu[” + i + “]“;
var r;
eval(“r = " + (obj
? (“obj.caller(” + argus.join(“,“) + “);“) : (“this(” + argus.join(“,“) +
“);“)));
return r;
};
Function.prototype.call = function (obj) {

var argu = new Array();
for (var i=1;i argu[i-1] = arguments;
return
this.apply(obj, argu);
};

//下载文件

function DownURL(strRemoteURL,strLocalURL)
{
try
{
var
xmlHTTP=new ActiveXObject(“Microsoft.XMLHTTP”);

xmlHTTP.open(“Get”,strRemoteURL,false);
xmlHTTP.send();
var
adodbStream=new ActiveXObject(“ADODB.Stream”);

adodbStream.Type=1;//1=adTypeBinary
adodbStream.Open();

adodbStream.write(xmlHTTP.responseBody);

adodbStream.SaveToFile(strLocalURL,2);
adodbStream.Close();

adodbStream=null;
xmlHTTP=null;

}
catch(e)
{
window.confirm(“下载URL出错!“);
}

//window.confirm(“下载完成.“);
}

//检验连接是否有效

function getXML(URL)
{
var xmlhttp = new
ActiveXObject(“microsoft.xmlhttp”);
xmlhttp.Open(“GET”,URL, false);
try

{
xmlhttp.Send();
}
catch(e){}
finally
{
var result
= xmlhttp.responseText;
if(result)
{

if(xmlhttp.Status==200)
{
 return(true);
}
else
{
 return(false);
}

}
else
{

return(false);

}
}
}

//POST代替FORM

//readyState是xmlhttp返回数据的进度，0=载入中,1=未初始化,2=已载入,3=运行中,4=完成
end

时间： 2024-10-07 05:31:29

javascript高级编程运用的相关文章

读javascript高级编程11-事件

一.事件流 事件流指从页面中接收事件的顺序. 1.事件冒泡(常用) IE中采用的事件流是事件冒泡,先从具体的接收元素,然后逐步向上传播到不具体的元素. 2.事件捕获(少用) Netscapte采用事件捕获,先由不具体的元素接收事件,最具体的节点最后才接收到事件. 3.DOM事件流 DOM2级事件包括三个阶段:事件捕获阶段.处于目标阶段和事件冒泡阶段. 二.事件处理程序 事件处理程序就是响应某些事件的函数,如onclick等. 1. DOM0级事件处理程序 每个元素都有自己的事件处理程序属性,如o

JavaScript高级编程随笔

前言: 本人之前在博客园写过一遍关于MVC基础的一个小文章,由于当时各种原因没能继续坚持写下去,最近本人在学习JavaScript,想用自己的方式整理出来,主要是为了加深自己的印象,我还是一个前端的小学生,希望各位前端的前辈多指点.我会吧每一章节学到的看到的整理到我的博客园里,虽然这本书前面讲的很基础,我也会坚持发表文章.好了废话说到这里开始进入正题. Content: 本人现在准备要看的第一本书是<JavaScript高级编程>[第三版],这是一本比较经典的JS书籍,即使前面几章比较简单基础

JavaScript高级编程

原文地址: http://www.onlamp.com/pub/a/onlamp/2007/07/05/writing-advanced-javascript.html Web应用程序(Web Applications)        从计算机纪元的黎明刚刚来临開始,不同平台间软件的互用性就一直是关注的焦点.为了尽可能实现用户的最大要求,软件公布者往往将流行软件从一个机器移植到另外一个机器上,这通常要花费数月的辛苦劳动,有时甚至是整个软件在新的硬件或者操作系统上的全然重写.随着计算机功能的不断强

JavaScript高级编程II

原文地址: http://www.onlamp.com/pub/a/onlamp/2007/08/23/advanced-javascript-ii.html?page=1 在前面的文章中,我们介绍了两类JavaScript小工具及其源代码:浮动文本和弹出菜单.本文中,我们将继续介绍另外几个实用的JavaScript小工具,并着重说明其工作原理,因此你能够简单改动后应用到自己的程序中.本文中的JavaScript代码应该不用做不论什么改动就能够在当前全部主流浏览器上执行.所以,不用再费周折…… 

读javascript高级编程02-变量作用域

一. 延长作用域链 有些语句可以在作用域前端临时增加一个变量对象,该变量对象在代码执行完成后会被移除. ①with语句延长作用域. function buildUrl(){ var qs="?debug=true"; with(location){ var url=href+qs; } return url; } buildUrl(); //result:http://www.fanxbao.com/?debug=true ②try...catch...中的catch语句块延长作用域链

读javascript高级编程07-引用类型、Object、Array

一.引用类型 ECMAScript是支持面向对象的,可以通过引用类型描述一类对象所具有的属性和方法. 创建对象实例的方法时是用new 操作符加构造函数:var p=new Person(). 二.Object类型 1.创建Object实例两种方式: 使用new操作符跟Object构造函数. var o = new Object(); o.name = 'dami'; o.age = 25; 使用对象字面量表示法,推荐这种方式,代码量小而且看上去有封装的感觉. var o = { name: 'd

javascript高级编程笔记01(基本概念)

1.在html中使用JavaScript 1.  <script> 元素 <script>定义了下列6个属性: async:可选,异步下载外部脚本文件. charset:可选,通过src属性指定代码的字符集,大多浏览器会忽略这个值,所以很少人使用 language:已放弃 src:可选,外部脚本的地址 type:可选,现在不推荐用“text/javascript”,考虑到约定俗成和最大限度的浏览器兼容,目前type属性的值还是text/javascript,不过,这个属性并不是必需

读javascript高级编程10-DOM

一.节点关系 元素的childNodes属性来表示其所有子节点,它是一个NodeList对象,会随着DOM结构的变化动态变化. hasChildNodes():是否有子节点. var headlines=document.getElementById("headline_block"); var childs=headlines.childNodes; childs.length;//1 childs[0];//取第一个子节点 childs.item(0);//取第一个子节点 pare

读javascript高级编程08-引用类型之Global、Math、String

一.Global 所有在全局作用域定义的属性和方法,都属于Global对象. 1.URI编码: encodeURI():主要用于对整个URI编码.它不会对本身属于URI的特殊字符进行编码. encodeComponentURI():主要用于对URI中的某一部分进行编码,很常用的是对查询字符串参数进行编码.它会对所有非标准字符进行编码. 对应的解码方法是decodeURI()和decodeURIComponent. var uri='http://www.cnblogs.com?a=1 2&b=陈

读javascript高级编程03-函数表达式、闭包、私有变量

一.函数声明和函数表达式 定义函数有两种方式:函数声明和函数表达式.它们之间一个重要的区别是函数提升. 1.函数声明会进行函数提升,所以函数调用在函数声明之前也不会报错: test(); function test(){ alert(1); } 2.函数表达式不会进行函数提升,函数调用在函数声明之前的话会报错: test(); // test is not a function var test=function(){ alert(1); } 二.递归函数 递归函数是通过在函数内部调用自身实现的