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 οnkeydοwn="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 οnlοad=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.οnkeydοwn=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>
转载于:https://www.cnblogs.com/ranzige/p/3894861.html
javascript常用技巧归纳相关推荐
- Javascript 常用技巧 [2]
Javascript 常用技巧 [2] /** 请问如何去掉主页右面的滚动条? <!-- <body scroll="no"> --> <!-- & ...
- javascript 常用技巧
如内容超出单元格,则隐藏 style="TABLE-LAYOUT: fixed" 让弹出窗口总是在最上面: <body οnblur="this.focus();& ...
- Javascript 常用技巧55例
1. οncοntextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border οncοntextmenu ...
- Jquery和javascript常用技巧
var objSel = document.getElementById("selOp"); //这是获取值 ...
- javascript常用技巧
1. οncοntextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border ο ...
- JavaScript常用技巧之数组操作
1.获取最后数组中最后一个元素 . arr.slice(-1).pop() . arr[arr.length - 1] 2.过滤重复元素 arr.filter(function(v, i) {retu ...
- JavaScript常用技巧:stroage封装
本地存储的封装 const TWO_DAY_MIN = 60 * 60 * 24 * 2interface IConfig {type: 'localStorage' | 'sessionStorag ...
- 107条javascript常用小技巧
107条javascript常用的方法技巧,呵呵!为什么就是108呢? 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是: ...
- JAVASCRIPT常用20种小技巧汇总
1.TEXTAREA自适应文字行数的多少 2.脚本永不出错 <script LANGUAGE="javascript"> </script> 3.ENTER ...
最新文章
- 写 5 个你知道的 HTML5 标签,说明他们的意义
- UIVisualEffectView实现毛玻璃效果
- 路由器+摄像头:Netgear在国内怎么走?
- 减少过程中的浪费(2/2)
- 使用timeit测试Python函数的性能
- html把div分成两栏,div+css制作上中下,中间两列的全屏自适应布局
- 女士怎么就不适合PhP呢,女人可以不美丽,但不能不智慧
- 中文信息处理——语料划分测试集与训练集
- linux系统中jdk的卸载及安装
- Python实现修改图片尺寸
- J2me 开源的wap浏览器源代码分析
- 功耗:Leakage Power
- 华为服务器pe安装系统教程视频教程,小U讲解华为电脑u盘重装系统win8教程
- 第二本书:疯狂人类进化史20190620
- 天地图 android 接口,天地图嵌入到Android手机中
- Deep Neural Networks are Easily Fooled:High Confidence Predictions for Unrecognizable Images
- 【信息学奥赛一本通】2075:【21CSPJ普及组】插入排序(sort)
- ERDAS 2015 64位破解安装教程
- DEV-C++下载、安装、使用教程(文件、项目)
- JavaScript 面向对象(二)——案列篇
热门文章
- 网络行业协会责令十大流氓软件整改(继续踩他们一脚)
- 要开始研究.NET了
- 关于AI Architecture未来的一些思考
- 【推荐】本周值得关注的将开源论文,包含分类、分割、人脸、目标检测、ReID等...
- 图像超分辨率也能改善天气预报?没错!
- 国外一教授坦言,用这方法能迅速成为python程序员,但都不愿意说
- 【OpenCV】OpenCV函数精讲之 -- imread()函数
- “哪吒”出世!华为开源中文版BERT模型
- 有哪些越早知道越好的人生经验?
- 深度学习(五十七)tensorflow andorid yolo物体检测测试