`
zhangljerry
  • 浏览: 143947 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

JS一些技巧收藏

阅读更多
  • 事件源对象
    event.srcElement.tagName
    event.srcElement.type     
  • 捕获释放
    event.srcElement.setCapture();  
    event.srcElement.releaseCapture();      
  • 事件按键
    event.keyCode
    event.shiftKey
    event.altKey
    event.ctrlKey     
  • 事件返回值
    event.returnValue     
  • 鼠标位置
    event.x
    event.y     
  • 窗体活动元素
    document.activeElement     
  • 绑定事件
    document.captureEvents(Event.KEYDOWN);     
  • 访问窗体元素
    document.all("txt").focus();
    document.all("txt").select();     
  • 窗体命令
    document.execCommand     
  • 窗体COOKIE
    document.cookie     
  • 菜单事件
    document.oncontextmenu     
  • 创建元素
    document.createElement("SPAN");      
  • 根据鼠标获得元素:
    document.elementFromPoint(event.x,event.y).tagName=="TD
    document.elementFromPoint(event.x,event.y).appendChild(ms)      
  • 窗体图片
    document.images[索引]     
  • 窗体事件绑定
    document.onmousedown=scrollwindow;     
  • 元素
    document.窗体.elements[索引]     
  • 对象绑定事件
    document.all.xxx.detachEvent('onclick',a);     
  • 插件数目
    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"     
  • 自动刷新
    <meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net">     
  • 简单邮件
    <a    href="mailto:aaa@bbb.com?subject=ccc&body=xxxyyy">      
  • 快速转到位置
    obj.scrollIntoView(true)     

  • <a name="first">
    <a href="#first">anchors</a>     
  • 网页传递参数
    location.search();     
  • 可编辑
    obj.contenteditable=true     
  • 执行菜单命令
    obj.execCommand     
  • 双字节字符
    /[^\x00-\xff]/
    汉字
    /[\u4e00-\u9fa5]/     
  • 让英文字符串超出表格宽度自动换行
    word-wrap: break-word; word-break: break-all;     
  • 透明背景
    <IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>     
  • 获得style内容
    obj.style.cssText     
  • HTML标签
    document.documentElement.innerHTML     
  • 第一个style标签
    document.styleSheets[0]     
  • style标签里的第一个样式
    document.styleSheets[0].rules[0]     
  • 防止点击空链接时,页面往往重置到页首端。
    <a href="javascript:function()">word</a>     
  • 上一网页源
    asp:
    request.servervariables("HTTP_REFERER")
    javascript:
    document.referrer     
  • 释放内存
    CollectGarbage();     
  • 禁止右键
    document.oncontextmenu = function() { return false;}     
  • 禁止保存
    <noscript><iframe src="*.htm"></iframe></noscript>     
  • 禁止选取<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()>      
  • 禁止粘贴
    <input type=text onpaste="return false">     
  • 地址栏图标
    <link rel="Shortcut Icon" href="favicon.ico">
    favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下     
  • 收藏栏图标
    <link rel="Bookmark" href="favicon.ico">     
  • 查看源码
    <input type=button value=查看网页源代码 onclick="window.location = 'view-source:'+ 'http://www.csdn.net/'">     
  • 关闭输入法
    <input style="ime-mode:disabled">     
  • 自动全选
    <input type=text name=text1 value="123" onfocus="this.select()">     
  • ENTER键可以让光标移到下一个输入框
    <input onkeydown="if(event.keyCode==13)event.keyCode=9">     
  • 文本框的默认值
    <input type=text value="123" onfocus="alert(this.defaultValue)">     
  • title换行
    obj.title = "123&#13sdfs&#32"     
  • 获得时间所代表的微秒
    var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()     
  • 窗口是否关闭
    win.closed     
  • checkbox扁平
    <input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>     
  • 获取选中内容
    document.selection.createRange().duplicate().text     
  • 自动完成功能
    <input    type=text    autocomplete=on>打开该功能  
    <input    type=text    autocomplete=off>关闭该功能        
  • 窗口最大化
    <body onload="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对":"、"/"、";" 和 "?"也编码     
  • 表格行指示
    <tr onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'">    
//POST代替FORM
<SCRIPT language="VBScript">
Function URLEncoding(vstrIn)
      strReturn = ""
      For i = 1 To Len(vstrIn)
          ThisChr = Mid(vStrIn,i,1)
          If Abs(Asc(ThisChr)) < &HFF Then
              strReturn = strReturn & ThisChr
          Else
              innerCode = Asc(ThisChr)
              If innerCode < 0 Then
                  innerCode = innerCode + &H10000
              End If
              Hight8 = (innerCode    And &HFF00)\ &HFF
              Low8 = innerCode And &HFF
              strReturn = strReturn & "%" & Hex(Hight8) &  "%" & Hex(Low8)
          End If
      Next
      URLEncoding = strReturn
End Function
Function bytes2BSTR(vIn)
      strReturn = ""
      For i = 1 To LenB(vIn)
          ThisCharCode = AscB(MidB(vIn,i,1))
          If ThisCharCode < &H80 Then
              strReturn = strReturn & Chr(ThisCharCode)
          Else
              NextCharCode = AscB(MidB(vIn,i+1,1))
              strReturn = strReturn & Chr(CLng(ThisCharCode) * &H100 + CInt(NextCharCode))
              i = i + 1
          End If
      Next
      bytes2BSTR = strReturn
End Function
dim strA,oReq
strA = URLEncoding("submit1=Submit&text1=中文")
set oReq = CreateObject("MSXML2.XMLHTTP")
oReq.open "POST","http://ServerName/VDir/TstResult.asp",false
oReq.setRequestHeader "Content-Length",Len(strA)
oReq.setRequestHeader "CONTENT-TYPE","application/x-www-form-urlencoded"
oReq.send strA
msgbox bytes2BSTR(oReq.responseBody)
</SCRIPT>

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

(1)拖拽访问
event.dataTransfer.setData("URL", oImage.src);
sImageURL = event.dataTransfer.getData("URL")
(2)普通访问
window.clipboardData.setData("Text",oSource.innerText);
window.clipboardData.getData("Text");
<HTML>
<HEAD>
<META NAME="save" CONTENT="history">
<STYLE>
     .sHistory {behavior:url(#default#savehistory);}
</STYLE>
</HEAD>
<BODY>
<INPUT class=sHistory type=text id=oPersistInput>
</BODY>
</HTML>
<p    style="page-break-after:always">page1</p>   
<p    style="page-break-after:always">page2</p>   
<meta name="ROBOTS" content="属性值">
  其中属性值有以下一些:
  属性值为"all": 文件将被检索,且页上链接可被查询;
  属性值为"none": 文件不被检索,而且不查询页上的链接;
  属性值为"index": 文件将被检索;
  属性值为"follow": 查询页上的链接;
  属性值为"noindex": 文件不检索,但可被查询链接;
  属性值为"nofollow":  
<object id=min classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">  
<param name="Command" value="Minimize"></object>  
<object id=max classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">  
<param name="Command" value="Maximize"></object>  
<OBJECT id=close classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">  
<PARAM NAME="Command" value="Close"></OBJECT>  
<input type=button value=最小化 onclick=min.Click()>  
<input type=button value=最大化 onclick=max.Click()>  
<input type=button value=关闭 onclick=close.Click()>  
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="0">
<input type=button value=导入收藏夹 onclick="window.external.ImportExportFavorites(true,'http://localhost');">
<input type=button value=导出收藏夹 onclick="window.external.ImportExportFavorites(false,'http://localhost');">
<input type=button value=整理收藏夹 onclick="window.external.ShowBrowserUI('OrganizeFavorites', null)">
<input type=button value=语言设置     onclick="window.external.ShowBrowserUI('LanguageDialog', null)">
<input type=button value=加入收藏夹 onclick="window.external.AddFavorite('http://www.google.com/', 'google')">
<input type=button value=加入到频道 onclick="window.external.addChannel('http://www.google.com/')">
<input type=button value=加入到频道 onclick="window.external.showBrowserUI('PrivacySettings',null)">
<input type=text onkeypress="return event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf('.')<0?event.keyCode==46:false)" onpaste="return !clipboardData.getData('text').match(/\D/)" ondragenter="return false">

language="javascript">
function jStartExcel() {
var xls = new ActiveXObject ( "Excel.Application" );
xls.visible = true;
var newBook = xls.Workbooks.Add;
newBook.Worksheets.Add;
newBook.Worksheets(1).Activate;
xls.ActiveWorkBook.ActiveSheet.PageSetup.Orientation = 2;
xls.ActiveWorkBook.ActiveSheet.PageSetup.PaperSize = 5;
newBook.Worksheets(1).Columns("A").columnwidth=50;
newBook.Worksheets(1).Columns("A").WrapText = true;
newBook.Worksheets(1).Columns("B").columnwidth=50;
newBook.Worksheets(1).Columns("B").WrapText = true;
newBook.Worksheets(1).Range("A1:B1000").NumberFormat = "0";
newBook.Worksheets(1).Range("A1:B1000").HorizontalAlignment = -4131;
newBook.Worksheets(1).Cells(1,1).Interior.ColorIndex="15";
newBook.Worksheets(1).Cells(1,1).value="First Column, First Cell";
newBook.Worksheets(1).Cells(2,1).value="First Column, Second Cell";
newBook.Worksheets(1).Cells(1,2).value="Second Column, First Cell";
newBook.Worksheets(1).Cells(2,2).value="Second Column, Second Cell";
newBook.Worksheets(1).Name="My First WorkSheet";
}
</script>     

 

<script language="javascript">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart('character',e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value="123" onfocus="cc()">

 

匹配中文字符的正则表达式: [\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,''))"

//消除图像工具栏

<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="false">  
or
<head>
分享到:
评论

相关推荐

    JavaScript的一些实用技巧收藏

    ### JavaScript的一些实用技巧收藏 #### 一、禁用右键菜单与选中文本功能 **技巧1:** 禁止浏览器默认的右键菜单显示。 ```html ;"&gt; ``` 或者在`&lt;table&gt;`标签中应用: ```html ;"&gt; 无法右键点击此表格内容 ```...

    javascript\JS使用大全收藏

    这个JS使用大全收藏为开发者提供了丰富的参考资料,无论是初学者还是经验丰富的开发者,都能从中找到实用的技巧和代码示例,提高开发效率。通过学习和实践这些知识点,可以更好地理解和掌握JavaScript在实际项目中的...

    40种js使用技巧!!!!

    根据提供的文件信息,我们可以总结出一系列与JavaScript相关的实用技巧,这些技巧可以帮助开发者增强网页功能、提升用户体验,并在一定程度上提供安全防护措施。接下来,我们将详细解释这些技巧。 ### 1. 屏蔽鼠标...

    JavaScript实用的一些技巧

    以下是一些JavaScript实用技巧的详细解释: 1. `oncontextmenu` 事件:通过设置 `oncontextmenu="window.event.returnValue=false"`,可以禁止用户在网页元素上使用鼠标右键菜单,例如表格(`&lt;table&gt;`)中的数据。 ...

    JavaScript的一些实用技巧

    以上这些技巧只是JavaScript功能的冰山一角,实际开发中还有更多实用的JavaScript技巧,例如DOM操作、AJAX异步请求、事件委托、性能优化等,不断学习和实践,才能更好地掌握这门强大的脚本语言。

    40种网页常用小技巧(JavaScript)

    根据给定的信息,我们可以将这些技巧分为几个大类:页面控制、用户交互、表单处理以及其他实用技巧。接下来,我们将详细地对每一种技巧进行解释。 ### 一、页面控制 #### 1. 禁止右键菜单 ```javascript ...

    js技巧收集.chm

    js技巧收集. 一共收集了200多个 常用的js,值得收藏

    js加入收藏功能

    在探讨“js加入收藏功能”这一主题时,我们首先需要理解其核心概念——如何利用JavaScript(简称JS)这种脚本语言来实现用户将当前网页添加至浏览器收藏夹的功能。此功能不仅增强了用户体验,还为网站增加了用户留存...

    javascript技巧精心收集

    "javascript技巧精心收集"这个主题包含了一系列关于JavaScript编程的实用技巧和资源,旨在帮助开发者提升技能和效率。以下是一些从提供的文件名中提炼出的关键知识点: 1. **jsp技巧.txt**:这可能涉及到JavaServer...

    JavaScript实用技巧集锦

    JavaScript 实用技巧集锦 本文总结了 16 个 JavaScript 实用技巧,涵盖了防止用户操作、美化网页、获取控件位置、判断来源等多方面的内容。 1. 屏蔽鼠标右键 通过 在表格中添加 oncontextmenu="window.event....

    技巧收藏家源码

    "技巧收藏家源码"可能由多种编程语言编写,如Python、Java、JavaScript或C#,具体取决于开发者的偏好和技术需求。源码通常包括前端界面代码(如HTML、CSS和JavaScript)和后端服务器逻辑(如PHP、Node.js或Python的...

    个人JavaScript脚本收藏

    这个"个人JavaScript脚本收藏"可能还包含了其他实用的技巧和最佳实践,对于学习和掌握JavaScript的开发者来说,这是一个宝贵的资源。通过研究这些脚本,开发者不仅可以学习到实际的代码实现,还能了解不同的编程风格...

    js常用55个技巧

    本文将详细介绍并解析部分常见的JavaScript技巧,旨在帮助开发者提高编码效率,优化用户体验。 #### 技巧1:屏蔽鼠标右键 ```javascript oncontextmenu="window.event.returnValue=false" ``` 此技巧可以通过设置`...

    javascript应用技巧大集合

    **技巧6:** 设置浏览器收藏夹图标。 ```html ``` 这两个技巧可以让你自定义网站在浏览器中的图标,提升用户体验。 **技巧7:** 禁止输入法。 ```html ``` 对于一些输入控件,可能希望用户只能输入英文字符,...

    40种javascript小技巧

    ### JavaScript小技巧详解 #### 技巧1:屏蔽鼠标右键 通过在HTML元素上设置`oncontextmenu="window.event.returnValue=false"`属性,可以禁止用户在该元素上使用鼠标右键。例如: ```html ;"&gt; 无法右击此表格 ```...

    Javascript中最常用的55个经典技巧收藏.txt

    在探讨《Javascript中最常用的55个经典技巧》时,我们深入挖掘了这55个技巧中的部分精华,这些技巧不仅体现了JavaScript的灵活性与强大功能,同时也为开发者提供了实用的编程解决方案。下面,我们将详细解析其中的几...

    Js(javascript)常用技巧

    ### Js(javascript)常用技巧深度解析 #### 1. 屏蔽鼠标右键与自定义鼠标操作 在网页开发中,有时我们不希望用户通过右键进行某些操作,如查看网页源码或保存图片等。使用`oncontextmenu="window.event.returnValue...

Global site tag (gtag.js) - Google Analytics