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常用技巧归纳的更多相关文章
- 【前端】javaScript 常用技巧总结
javaScript 常用技巧总结 1. 彻底屏蔽鼠标右键 oncontextmenu="window.event.returnValue=false" <table b ...
- JavaScript常用技巧总结(持续添加中...)
在我学习过程中收集的一些常用技巧: typeof x !== undifined 判断x是否已定义: x === Object(x) 判断x是否为对象: Object.keys(x).length ...
- Web开发:需收藏的JavaScript常用技巧
原文来自:https://www.baidu.com/home/news/data/newspage?nid=4242707244478773456&n_type=0&p_from=1 ...
- javascript 常用技巧
1. 将彻底屏蔽鼠标右键 oncontextmenu=”window.event.returnValue=false” < table border oncontextmenu=return(f ...
- JavaScript常用技巧之进制转换
一.十进制转二进制 (8).toString(2) 二.二进制转十进制 parseInt("1000",2) 三.获取当前时间戳 // 方法 Date.now() // 对象和操作 ...
- JavaScript常用技巧之时间操作
1.获取当前时间戳 +new Date Date.parse(new Date())
- JavaScript常用技巧之数组操作
1.获取最后数组中最后一个元素 . arr.slice(-1).pop() . arr[arr.length - 1] 2.过滤重复元素 arr.filter(function(v, i) { ret ...
- JavaScript常用技巧之字符串操作
1.首字母大写 str.replace(/\b\w+/g, function (word) { return word.substring(0, 1).toLowerCase() + word.sub ...
- 常用的一些javascript小技巧
(转载)常用的一些javascript小技巧: http://bbs.blueidea.com/thread-2201069-1-1.html
随机推荐
- Node.js 的异步机制由事件和回调函数——循环中的回调函数
var fs=require('fs'); var files =['a.txt','b.txt','c.txt']; // for (var i = 0; i < files.length; ...
- webpack 入门总结和实践(按需异步加载,css单独打包,生成多个入口文件)
为什么是webpack webpack一下自己就
- phpstorm配置关联php手册
最近发现有些编辑器可以 选中函数名,通过相应的快捷键就可以调用 浏览器 打开相应 函数的 在线帮助文档. 一番查找,我终于发现 phpStorm 也有相应的功能. 一.自带功能 在编辑器中选中函数名, ...
- Django+Nginx+uwsgi搭建自己的博客(六)
这篇应该是2017年的最后一篇博客了,在这里首先祝大家元旦快乐! 从这篇博客开始,将会介绍Blogs App的功能实现,包括数据模型的建立.相关功能的视图函数的实现.前端页面的设计等,这意味着我们即将 ...
- 工厂bean和bean工厂
FactoryBean(工厂bean):是bean的加工工厂,是对已知Bean的加工,是一个接口,要实现三个方法: ① Object getObject()可以对bean进行加工添加功能. ② Cla ...
- 【BZOJ 4104】 4104: [Thu Summer Camp 2015]解密运算 (智商)
4104: [Thu Summer Camp 2015]解密运算 Time Limit: 10 Sec Memory Limit: 512 MBSubmit: 370 Solved: 237 De ...
- Linux下burg引导
用得比较久了,比grub顺手: 安装: sudo add-apt-repository ppa:n-muench/burg; sudo apt-get update; sudo apt-get ins ...
- ARGB 8888 内存大小
韩梦飞沙 韩亚飞 313134555@qq.com yue31313 han_meng_fei_sha 4字节 argb 各占8个bit
- BZOJ2434 NOI2011阿狸的打字机
询问x这个串在y中出现的次数. fail数组有一个性质就是一旦a的fail指向b那么b所代表的字串一定是a的后缀. 所以我们看fail树(即按fail反向建树)中x的子树有多少y的结点即可. 这个操作 ...
- 【计算几何】【二分图判定】Gym - 101485C - Cleaning Pipes
题意:有n个水井,每个水井发出一些管线(都是线段),然后每条管线上最多只有一个水井.所有从不同的水井发出的管线的相交点都是清洁点(不存在清洁点是大于两条管线点的交点).你需要在某些管线上放出一些机器人 ...