JavaScript简单技巧

1.在特定范围里获得一个随机数

var x = Math.floor(Math.random() * (max - min + 1)) + min;

2.让页面自动刷新一次

window.onload = function() {
    if (location.href.indexOf(‘#reloaded‘) === -1) {
        location.href = location.href + "#reloaded";
        location.reload();
    }
}

3.让页面后退并刷新

window.history.go(-1);
window.location.reload()

4.表单中只有一个input的回车提交问题

在表单内如果只有一个input元素的时候按下回车键,此input元素会变为submit类型提交表单。阻止的方法是在表单内在添加一个input并隐藏起来。

5.判断网页中的图片是否加载完成,并在加载完成之后调用方法

if ( img.complete ) {
    function() {
        // do something...
    };
} else {
    img.onload = function() {
        // do something...
    };
}

6.判断浏览器是否是IE

if (navigator.userAgent.indexOf(‘MSIE‘) > -1) {
    alert(‘你使用的是ie浏览器!‘)
}
// MSIE/Chrome/Firefox/Opera

7.页面功能处理

// 屏蔽右键菜单
 document.oncontextmenu = function() { return false; }

 // 禁止选取
 document.onselectstart = function() { return false; }

 // 禁止复制
 document.getElementsByTagName(‘body‘)[0].oncopy = function() { return false; }

 // 禁止剪切
 <input type="text" oncut="return false":> //防止

 // 禁止粘贴
 <input type="text" onpaste="return false":>

// 防止当前页面被别人导入iframe
if (top.location !== self.location) {
    top.location = self.location;
}

// 判断当前页面是否有iframe
if(window !== top) {
    console.log(‘当前页面有iframe‘);
 }

// 判断当前页面的来源(从哪个页面打开或跳转来的)
document.referrer
时间: 2024-11-05 04:50:22

JavaScript简单技巧的相关文章

代码示例:一些简单技巧优化JavaScript编译器工作详解,让你写出高性能运行的更快JavaScript代码

告诉你一些简单的技巧来优化JavaScript编译器工作,从而让你的JavaScript代码运行的更快.尤其是在你游戏中发现帧率下降或是当垃圾回收器有大量的工作要完成的时候. 单一同态: 当你定义了一个两个参数的函数,编译器会接受你的定义,如果函数参数的类型.个数或者返回值的类型改变编译器的工作会变得艰难.通常情况下,单一同态的数据结构和个数相同的参数会让你的程序会更好的工作. function example(a, b) { // 期望a,b都为数值类型 console.log(++a * +

JavaScript的技巧45招

JavaScript奇技淫巧45招 来自仲老师的分享: 原文地址[http://chensd.com/2015-01/45-useful-javascript-tips-tricks-and-best-practices.html] 本文是一篇翻译文章,原文信息如下: 原文:45 Useful JavaScript Tips, Tricks and Best Practices 作者:Saad Mousliki JavaScript是一个绝冠全球的编程语言,可用于Web开发.移动应用开发(Pho

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,

谁说Javascript简单的?

谁说Javascript简单的? – Hacker Noon 原文链接 译文链接 这里有一些 Javascript初学者应该知道的技巧和陷阱.如果你已经是专家了,顺便温习一下. Javascript也只不过是一种编程语言.怎么可能出错嘛? 1. 你有没有尝试给一组数字排序? Javascript 的sort()函数在默认情况下使用字母数字(字符串Unicode码点)排序. 所以[1,2,5,10].sort() 会输出 [1, 10, 2, 5]. 要正确的排序一个数组, 你可以用 [1,2,5

常用的javascript小技巧

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

12个非常实用的JavaScript小技巧

在这篇文章中将给大家分享12个有关于JavaScript的小技巧.这些小技巧可能在你的实际工作中或许能帮助你解决一些问题. 使用!!操作符转换布尔值 有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值.为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单.对于变量可以使用!!variable做检测,只要变量的值为:0.null." ".undefined或者NaN都将返回的是false,反之返回的是true.比如下面的示例: func

前端知识:12个非常实用的JavaScript小技巧

在这篇文章中将给大家分享12个有关于JavaScript的小技巧.这些小技巧可能在你的实际工作中或许能帮助你解决一些问题. 使用!!操作符转换布尔值 有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值.为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单.对于变量可以使用!!variable做检测,只要变量的值为:0.null." ".undefined或者NaN都将返回的是false,反之返回的是true.比如下面的示例: func

javascript简单原型

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getS

html --- ajax --- javascript --- 简单的封装

Ajax的简单封装 Ajax的全称是AsynchronousJavaScriptAndXML 如有疑问请参考:http://zh.wikipedia.org/zh-cn/AJAX 以及传智播客的视频教程:http://java.itcast.cn/news/8308d118/740a/4dcd/8dbf/c73d2fe5bc60.shtml 其实已经有好多框架对它进行了封装,但是还是有好多时候用到自己封装的 透露一下,本人是宇多田光的听众之一哦! 封装后的代码如下: 文件路径:\web\Ajax