纯JS五子棋(各浏览器兼容) 效果图: 代码下载 HTML代码 代码如下: 五子棋 .wrapper { width: 600px; position: relative; } /* 棋盘 */ div.chessboard { margin: 30px 0 0 50px; width: 542px; background: url(http://sandbox.runjs.cn/uploads/rs/102/r2dy3tyw/chessboard.png) no-repeat 14px 14px rgb(250, 250, 250); overflow: hidden; box-shadow: 2px 2px 8px #888; -webkit-box-shadow: 2px 2px 8px #888; -...
1.今天突然想到了jquery好处时间没有用到了,就练习了一下,谁知道,就碰到了jquery在IE,FF浏览器差别的问题了,好了废话也不多说了,就将一下碰到的问题吧 2.大部分使用过jquery的都知道,在FF上面浏览的效果是刚刚的,但是这些刚刚的效果,在IE上面运用的效果差强人意的。 3.今天练习的一个效果是这样的 就是点击个个颜色,然后使得页面的背景颜色变成同样的颜色 4.上图中的效果使用简单的代码就可以完成了,而且在IE,FF中的...
在写跨浏览器的js程序中,检测浏览器是一个很重要的工作。我们不时要为不同的浏览器写分支代码。如下是一种: 代码如下://添加事件工具函数function addEvent(el,type,handle){ if(el.addEventListener){//for standard browses el.addEventListener(type,handle,false); }else if(el.attachEvent){//for IE el.attachEvent("on"+event,handle); }else{//other el["on"+type]=handle; } }1,第一...
屏幕的有效宽高: window.screen.availHeightwindow.screen.availWidth网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:document.body.scrollWidth 网页正文全文高:document.body.scrollHeight 网页被卷去的高:document.body.scrollTop 网页被卷去...
所有浏览器通用的js添加收藏夹代码 代码如下: function addfavorite() { if (document.all) { window.external.addFavorite('http://www.XXX.com','XXX'); } else if (window.sidebar) { window.sidebar.addPanel('XXX', 'http://www.XXX.com', ""); } } XXX 打开,另存为,属性,打印"等14个JS代码 ■刷新■ ■导入收藏■ ■导出收藏■ ■整理收藏夹■ ■查看原文件■ ■语言设置■ ■打开■ ■另存为■ 340A-11D0-A96B-00C04FD...
代码如下:document.onkeydown=function(event){var e = event || window.event || arguments.callee.caller.arguments[0];if(e && e.keyCode==27){ // 按 Esc //要做的事情}if(e && e.keyCode==113){ // 按 F2 //要做的事情} if(e && e.keyCode==13){ // enter 键//要做的事情}}; JavaScript教程/参考手册 JavaScript热搜 自定义vue组件发布到npm的方法Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和...
下面的函数接收一个参数,该参数可以是数组还可以是一个元素,返回元素的文本。 代码如下: function text(e){ var str = ""; //如果传入的是元素,获取它的子元素 //否则,当它是一个数组 e=e.childNodes || e; for ( var i = 0; i < e.length; i++ ) { //判断元素类型 //如果是text就获取它的文本,否则,遍历它的子元素 str += e[i].nodeType != 1 ? e[i].nodeValue : text(e[i].childNodes); } return str; }
目前,如果使用javascript来写复制到剪贴板的代码,一般都是浏览器不兼容的。所以采用flash的方式,模拟一个层,再来复制,就可以做到全部浏览器都适用哦~ 需要下载一个swf文件,和一个js文件。把这两个文件,和htm放到一起。 图示: 必须放在服务器端使用哦。 图示: JS代码: 代码如下: ZeroClipboard.js // Simple Set Clipboard System // Author: Joseph Huckaby var ZeroClipboard = { version: "1.0.7", clients: {}, // r...
之前一直没测试chrome ,今天事情不太多,就测试了一下,发现给div加的 onmouseleave事件在chrome 中不起效果; 后来发现解决办法用jquery的方式实现 例如 代码如下: <div id=‘aaa class=divfloat " onmouseleave=$(this).slideUp(); style=background-color: White; width:553px; position: absolute;left:" + (event.offset().left - 420) + "px;top:" + (event.offset().top + 25) + "px;>aaaaaa");
在做一些关于会员在线的问题时,往往我们要根据览器是否关闭来判断用户是否下线,然后再从session和application中将此用户移除。 由于浏览器是无状态的,在这时候捕捉浏览器关闭会出现两种情况: 1.真正的关闭浏览器 (a.点击关闭按钮 b.右击任务栏关闭 c.按alt+F4关闭) 2.刷新浏览器。 那如何判断区分这两种动作呢? 一. Javascript代码处理方法: 代码如下: function window.onbeforeunload() { //用户点击浏览器右上角关闭按钮或...
代码如下: function SetIFrameHeight(down) { var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] : (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] : (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] : (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0; var...
单击浏览器右上角的X弹出提示窗口,简单实现。代码如下: window.onunload = function () { if (event.clientY document.body.scrollWidth) { //event.returnValue = 'Are you sure you want to leave the page? '; window.alert('欢迎光临爱智旮旯的博客!') } } JavaScript教程/参考手册 JavaScript热搜 自定义vue组件发布到npm的方法Vue利用canvas实现移动端...
注意使用preventDefault防止浏览器的默认事件操作发生 代码如下: var isDrag = false; function isIE(){ if(navigator.userAgent.indexOf("MSIE")>0){return true;} else{return false;} } function addListener(element,e,fn){ if(isIE()){element.attachEvent("on" + e,fn);} else{element.addEventListener(e,fn,false);} } function drag(e){ var e = e || window.event; var element = e.srcElement || e.target; if(e.prev...
目前这个setTimeout可以很好地兼容IE6,7,8,9以及谷歌浏览器Chrome,火狐浏览器FireFox,苹果浏览器Safari,Opera。setTimeout是一个很不错的函数,网站页面前端工程师经常将其用于几秒后执行的动作。setTimeout这个JS内置函数其用法也很简单,下面是setTimeout()的函数说明以及用法详解和实例、示例代码:setTimeout()的作用是指定在多少毫秒后执行一个JS函数或者表达式代码 setTimeout的用法、语法、参数:setTimeout(code,millise...
今天要给星烛网上的一个Flash加一个超链接,原想直接在object外直接套一个超链接即可,试了之后却发现不是这么回事,求助百度,问题解决,记录如下:原因:Flash默认是最高层.所以,我经常会遇见Flash把下拉菜单挡住的情况,及其它原素覆盖掉. 解决方案: 第一种:步骤如下 1. 把Flash文件放到一个层中,设为最底层,FLASH设为透明. 代码如下: <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://down...