JS总结二

阅读更多

25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()

26.如何设定打开页面的大小

打开页面的位置

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动


28. 检查一段字符串是否全由数字组成


29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight

30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");

31.TEXTAREA自适应文字行数的多少
<br>

32. 日期减去天数等于第二个日期


33. 选择了哪一个Radio

Style
Barcode



34.脚本永不出错


35.ENTER键可以让光标移到下一个输入框


36. 检测某个网站的链接速度：
把如下代码加入区域中:


37. 各种样式的光标
auto ：标准光标
default ：标准箭头
hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize

external.m2_blocked()、external.m2_blocked()方法使用详解

javascript有许多内建的方法来产生对话框，如：window.alert(),
window.confirm(),window.prompt().等。 然而IE提供更多的方法支持对话框。如：

　　external.m2_blocked() (IE 4+ 支持)
　　external.m2_blocked() (IE 5+ 支持)


window.external.m2_blocked()方法用来创建一个显示HTML内容的模态对话框，
由于是对话框，因此它并没有一般用window.open()打开的窗口的所有属性。
window.external.m2_blocked()方法用来创建一个显示HTML内容的非模态对话框。

当我们用external.m2_blocked()打开窗口时，不必用window.close()去关闭它，
当以非模态方式[IE5]打开时， 打开对话框的窗口仍可以进行其他的操作，即对话框
不总是最上面的焦点，当打开它的窗口ＵＲＬ改变时，它自动关闭。而模态[ＩＥ４]
方式的对话框始终有焦点（焦点不可移走，直到它关闭）。模态对话框和打开它的窗
口相联系，因此我们打开另外的窗口时，他们的链接关系依然保存，并且隐藏在活动
窗口的下面。

使用方法如下：
vReturnValue=window.external.m2_blocked(sURL [,vArguments] [,sFeatures])
vReturnValue=window.external.m2_blocked(sURL [,vArguments] [,sFeatures])
参数说明：
sURL
必选参数，类型：字符串。用来指定对话框要显示的文档的URL。
vArguments
可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。
对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures
可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，
用分号“;”隔开。
  dialogHeight 对话框高度，不小于１００px，ＩＥ４中dialogHeight 和 dialogWidth
默认的单位是em，而ＩＥ５中是px，为方便其见，在定义modal方式的对话框时，用px
做单位。
　　dialogWidth: 对话框宽度。
　　dialogLeft: 距离桌面左的距离。
　　dialogTop: 离桌面上的距离。
　　center: {yes | no | 1 | 0 }：窗口是否居中，默认yes，但仍可以指定高度和宽度。
　　help: {yes | no | 1 | 0 }：是否显示帮助按钮，默认yes。
　　resizable: {yes | no | 1 | 0 } [ＩＥ５＋]：是否可被改变大小。默认no。
　　status: {yes | no | 1 | 0 } [IE5+]：是否显示状态栏。默认为yes[ Modeless]
或no[Modal]。
  scroll:{ yes | no | 1 | 0 | on | off }：指明对话框是否显示滚动条。默认为yes。

  还有几个属性是用在HTA中的，在一般的网页中一般不使用。
  dialogHide:{ yes | no | 1 | 0 | on | off }：在打印或者打印预览时对话框是否隐藏。
默认为no。
  edge:{ sunken | raised }：指明对话框的边框样式。默认为raised。
  unadorned:{ yes | no | 1 | 0 | on | off }：默认为no。

传入参数：
要想对话框传递参数，是通过vArguments来进行传递的。类型不限制，对于字符串类型，
最大为4096个字符。也可以传递对象，例如：

test1.htm
====================


test2.htm
====================


test3.htm
====================


可以通过window.returnValue向打开对话框的窗口返回信息，当然也可以是对象。
例如：

test4.htm
===================


test5.htm
===================

 

常见问题：
1，如何在模态对话框中进行提交而不新开窗口？
如果你 的 浏览器是IE5.5+,可以在对话框中使用带name属性的iframe，提交时可以
制定target为该iframe的name。对于IE4+，你可以用高度为0的frame来作：例子，

test6.htm
===================


test7.htm
===================
if(window.location.search) alert(window.location.search)

 
 


test8.htm
===================

2,可以通过http://servername/virtualdirname/test.htm?name=mxh方式直接向
对话框传递参数吗？
答案是不能。但在frame里是可以的。
file://屏蔽 F5 刷新键


function document.onkeydown()
{
    var k = window.event.keyCode;
    if (k == 116)                   file://屏蔽 F5 刷新键
    {
        window.event.keyCode    = 0;
        window.event.returnValue= false;
    }
}




 

一些搜集的WEB技术小窍门
如何在HTML文件中包含某个HTML文件？
方法一：
在html 页面 include 其它页面




方法二：

----------------------------------------------------------------------------------------------------------------------------

-------------------------------------------
TextBox里加入图片？
<br>大家好！ <br>这里是一个图片 <br>




全屏技术：
真正的全屏页面解决之道！（全代码） 
真正全屏解决之道： 
1.htm 
 
 
 
 
 

 
 
 


fullscreen.htm 
 
 
 
 
  
 

 

关闭

 

 

登录

 

 

onclick="modelesswin('login.htm',300,160)">用模态登录窗口

 
 
 


login.htm 
 
 
 
 

 
 
cellspacing="14" bgcolor="#CCCCCC"> 
   
     
     
   
   
     
     
   
   
     
     
   

用户名：	class="whiteline">
密　码：	class="whiteline">
	class="boxline">

 
 
 


自动关掉原窗口： 


 
 
 
 
 
 

 
  
  

  
  
 
 

关键是在onload事件中加入： 
window.opener=null;window.close() 


预读图片：




关于两个网页刷新交互的问题 
JS处理方法： 

a.htm 

发表留言 
 

b.htm 

 
关闭 



后台处理方法： 

private btnForSubmit(Object sender,EventArgs e) 
{ 
............. 
Response.Write(""); 
file://string/ str=""; 
file://this.RegisterStartupScript("mycode",str/);

BS开发中常用的javascript技术


4、事件类
  4.1 屏蔽右键
      在body标签里加上oncontextmenu=self.event.returnValue=false  
  4.2 屏蔽所有功能键

  4.3 --> 和<-- F5 F11,F9,F1

  4.4 屏蔽组合键ctrl+N



3.8 文件上传过程中判断文件类型




不断地清空剪贴板:




//保护页面不被打印、复制，禁止Mouse各键





页面上关于定位和长度的几个属性(原创)
首先是页面定位，用CSS

position，这个下面有两个属性absolute(绝对定位)和relative(相对定位)，绝对定位是指相对浏览器的位置地位，而相对定位和其他元素的位置有关系，位置不固定。

以下可以看一个例子，看了之后就明白了

abc

absolute positioning with the current element
aaaaaaaaa

absolute positioning with the body
bbbbbbbbbbb

relative positioning with the bodyccccccccccc

而有些CSS属性有时候需用position:absolute 之后才有效，比如裁切的那个CSS等

接下来是一些元素的位置问题

就拿宽度来说

scrollwidth,clientwidth,offsetwidth

这些属性都可以用在,

等元素

第一个是包括滚动条所有在内的长度，第二个和第三个差不多，第三个是包括工具栏，菜单栏，状态栏，滚动条宽度等在内的宽度，而第二个是去掉一些cellpadding等一些的额外的宽度。高度同这个，元素分别为

scrollheight,clientheight,offsetheight

接下来是鼠标的位置

可以用event.clientX + document.body.scrollLeft得到横的绝对位置

这里面event.clientX 是相对屏幕的位置，而document.body.scrollLeft是网页被横向滚动条卷进去的宽度。

这里可以看一个例子，代码如下 把这个方法写在的onmousemove中，一目了然了。





大梅的思路，我把他用到了判断数据提交的时候有没有重复记录上了

Date.prototype.Format = function(format)
{
  var o = {
    "M+" : this.getMonth()+1, //month
    "d+" : this.getDate(),    //day
    "h+" : this.getHours(),   //hour
    "m+" : this.getMinutes(), //minute
    "s+" : this.getSeconds(), //second
    "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
    "S" : this.getMilliseconds() //millisecond
  }
  if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
    (this.getFullYear()+"").substr(4 - RegExp.$1.length));
  for(var k in o)if(new RegExp("("+ k +")").test(format))
    format = format.replace(RegExp.$1,
      RegExp.$1.length==1 ? o[k] :
        ("00"+ o[k]).substr((""+ o[k]).length));
  return format;
};

示例：
alert(new Date().Format("yyyy年MM月dd日"));
alert(new Date().Format("MM/dd/yyyy"));
alert(new Date().Format("yyyyMMdd"));
alert(new Date().Format("yyyy-MM-dd hh:mm:ss"));

http://jkisjk.vip.sina.com/html/
空间已经过期
代码无法更新
示例仅提供思路：


常用前台JS函数

自动加上验证事件及日期按钮(htc方式)

自动加上验证事件及日期按钮(js方式)

Ctrl + 鼠标 ＝ 选中(20050214)

固定Div(20050214)

可以盖住select的div(20041216)

可输入下拉框(20041126)(相似高亮显示，不相似移除)

可输入下拉框(20041126)(相似高亮显示，不相似不移除)

改变table的列宽(20041103)

可用鼠标移动和改变大小的table(20041029)

用鼠标移动TR(20050107)

固定Table首行(20041123)

固定Table首行首列(20041123)

Main Content Div

从服务器端取值并回填到页面

动态明细示例

多功能multiple-update

一个简单的IFRAME框架

调用客户端发邮件程序

读取客户端文件

一级选择左右移动及排库

二级选择左右移动

提交到特定大小的窗口

忠实显示Text内容(不同于Pre标签)

自动关闭Alert对话框

年月日选择


提交到特定大小的窗口

忠实显示Text内容(不同于Pre标签)

自动关闭Alert对话框

年月日选择


JS 对 cookie 操作
function setCookie(name,value)
{
  var Days = 30; //此 cookie 将被保存 30 天
  var exp  = new Date();    //new Date("December 31, 9998");
  exp.setTime(exp.getTime() + Days*24*60*60*1000);
  document.cookie = name + "="+ escape(value) +";expires="+ exp.toGMTString();
}
function getCookie(name)
{
  var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
  if(arr != null) return unescape(arr[2]); return null;
}
function delCookie(name)
{
  var exp = new Date();
  exp.setTime(exp.getTime() - 1);
  var cval=getCookie(name);
  if(cval!=null) document.cookie=name +"="+cval+";expires="+exp.toGMTString();
}








//两端去空格函数
function trim(str) {
return str.replace(/(^\s*)|(\s*$)/g,"");
}




Ms XmlDom 异步装载Xml文件
放在这里，算作是资源备份吧。


URL:

//带中文字符串长度,一个中文字长度为2
String.prototype.lenB = function(){return this.replace(/[^\x00-\xff]/g,"**").length;}
document.all.tes1.value.lenB();



预判断一下链接URL是否可用




//将数字转换成三位逗号分隔的样式
function formatNum(s)
{
  if(!/^(\+|-)?\d+(\.\d+)?$/.test(num)){alert("wrong!"); return num;}
  var re = new RegExp().compile("(file://d)(//d{3})(,|//.|$)");
  num += ""; while(re.test(num))
    num = num.replace(re, "$1,$2$3")
  return num;
}
alert(formatNum(-12345678.123));
alert(formatNum("12345678.123"));
alert(formatNum("10000000000000000000000000000000000000000"));



格式化日期:yyyy-m-d to yyyy-mm-dd




表格中的行删除功能,用checkbox选择的

yyyy-mm-dd格式日期完整校验加提示






类似CSDN感兴趣社区配置页面中的checkbox选择的功能


typetext

typetext

typetext

typetext

typetext

typetext