javascript常用技巧归纳

最近归纳了下,发现还很多的哦
1 javascript捕捉方向键
  <HTML>
<HEAD>
<title>反选</title>
<script language="javascript">
 function check()
 {
   if(event.keyCode =="37")
      alert("您选择了左键!");
     if(event.keyCode =="38")
      alert("您选择了上键!");
     if(event.keyCode =="39")
      alert("您选择了右键!");
     if(event.keyCode =="40")
      alert("您选择了下键!");
 }
</script>
</HEAD>
<BODY onkeydown="check()">
</BODY>
</HTML>

2 保护网页代码不能给看到
  <script>
function clear()
{
    Source=document.body.innerHTML;  //获取文档的原有内容
    document.open();                 //打开文档
    document.write("代码已经被屏蔽");//输出提示内容
    document.close();                //关闭文档
    document.title="看不到源代码";   //文档标题
    document.body.innerHTML=Source;  //重新写入旧内容
}
</script>
</head>
<body onload=clear()>

3 判断字符串中有多少个汉字
 <script language="JavaScript"> 
function cal(str)

    re=/[\u4E00-\u9FA5]/g;  //测试中文字符的正则
    if(re.test(str))        //使用正则判断是否存在中文
    return str.match(re).length //返回中文的个数
    else 
    return 0 

</script> 
<input onBlur="alert(cal(this.value))">

4 防F5刷新的功能
  <script>  
document.onkeydown=noway;           //绑定窗体加载事件
function  noway(){  
    if(event.keyCode==116){         //通过键值判断是否是F5
        event.keyCode=0;  
        event.returnValue=false;    //不进行任何操作
    }  
}
</script>

5 ctrl+enter提交数据
   <script language=javascript>
//判断浏览器类型
ie = (document.all)? true:false
if (ie)
{
function ctlent(eventobject)
{
   //获取用户输入的键值
    if(event.ctrlKey && window.event.keyCode==13)
    {this.document.form1.submit();}}
}
</script>
</head>
<body>
 <form action="http://www.baidu.com" method="get" name="form1">
    <textarea cols="50" name="Content" rows="10" wrap="virtual" onKeyDown="ctlent()">
     Ctrl+Enter提交内容
</textarea>
<input type=Submit value="Submit" name=Submit>
</form>

6 使鼠标滚轮失效
  <script language="javascript">
function document.onmousewheel()  //滚轮事件重新定义
{
 return false;                    //返回false表示什么都不操作
}
</script>
</head>

javascript常用技巧归纳

时间: 2024-11-09 02:22:04

javascript常用技巧归纳的相关文章

Web开发:需收藏的JavaScript常用技巧

原文来自:https://www.baidu.com/home/news/data/newspage?nid=4242707244478773456&n_type=0&p_from=1&dtype=-1 分享以下js常用的一些技巧,希望对大家有所帮助!还有更好的,大家一起分享下.谢谢! 1. JS防止复制 oncopy="return false;" oncut="return false;" 2. IE 地址栏前换成自己的图标 < l

javascript 常用技巧

1. 将彻底屏蔽鼠标右键 oncontextmenu=”window.event.returnValue=false” < table border oncontextmenu=return(false)>< td>no< /table> 可用于 Table 2. 取消选取.防止复制 [xml] view plain copy <span class="tag" style="color:rgb(0,0,128)">&

JavaScript常用技巧之字符串操作

1.首字母大写 str.replace(/\b\w+/g, function (word) { return word.substring(0, 1).toLowerCase() + word.substring(1); }); 2.截取字符串最后几位 str.substring(str.length-X) 3.生成随机字符串 Math.random().toString(36).substring(7) 4.解析 Base64 new Buffer(base64str, 'base64').t

JavaScript常用技巧之数组操作

1.获取最后数组中最后一个元素 . arr.slice(-1).pop() . arr[arr.length - 1] 2.过滤重复元素 arr.filter(function(v, i) { return arr.indexOf(v) === i; });

JavaScript常用技巧之进制转换

一.十进制转二进制 (8).toString(2) 二.二进制转十进制 parseInt("1000",2)

常用的javascript小技巧

字符串转换为数值 常规方法: var var1 = parseInt("2"); var var2 = parseFloat("2"); var var3 = Number("2"); var var3 = new Number("2"); 简便方法: var var1 = +("2"); 将其他类型转换为boolean类型 在JavaScript中,所有值都能隐式的转化为Boolean类型: 数据类型 转

jquery常用技巧及常用方法列表集合

jquery常用技巧及常用方法列表集合 jquery常用技巧及常用方法列表集合,学习jquery的朋友可以收藏下.方便查找学习. 1.关于页面元素的引用  通过jquery的$()引用元素包括通过id.class.元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法. 2.jQuery对象与dom对象的转换  只有jquery对象才能使用jquery定义的方法.注意dom对象和jquery对象是有区别的,调用方法时要注

jQuery常用技巧

Attribute: $(”p”).addClass(css中定义的样式类型); 给某个元素添加样式$(”img”).attr({src:”test.jpg”,alt:”test Image”}); 给某个元素添加属性/值,参数是map$(”img”).attr(”src”,”test.jpg”); 给某个元素添加属性/值$(”img”).attr(”title”, function() { return this.src }); 给某个元素添加属性/值$(”元素名称”).html(); 获得该

JavaScript小技巧

1.变量转换 看起来很简单,但据我所看到的,使用构造函数,像Array()或者Number()来进行变量转换是常用的做法.始终使用原始数据类型(有时也称为字面量)来转换变量,这种没有任何额外的影响的做法反而效率更高. 1 2 3 4 5 6 7 var myVar   = "3.14159", str     = ""+ myVar,//  to string int     = ~~myVar,  //  to integer float   = 1*myVar,