随笔分类 -  JavaScript

webpack 里的 import, exports 实现原理
摘要：在使用 webpack 对脚本进行打包， 在开发中， 每个文件中都会使用 import 语句来导入一些功能，又会使用 export 语句导出一些功能，为了研究 import 和 export 原理，研究了 webpack 打包后的代码，其实原理也是非常简单： webpack 对所有输入文件都打包到一 阅读全文
posted @ 2019-07-25 22:05 匡匡 阅读(1882) 评论(0) 推荐(0)
sweetalert 快速显示两个提示， 第二个显示不出的问题
摘要：今天在使用 sweetalert 做提示框的时候， 有个操作快速做了两次提示， 发现第二次显示不出： 外层的 sweetAlert 做确认操作， 确认后调用 $.get 做 AJAX 操作， 这个操作可能会比较快， 所以很快的就执行了回调里的 sweetAlert, 测试的时候发现里面的 sweet 阅读全文
posted @ 2018-03-26 21:47 匡匡 阅读(767) 评论(0) 推荐(0)
requirejs 配制
摘要：baseUrl: 用来配制动态加载脚本时，脚本文件的起始位置，此属性可以指定值，也可以由 requirejs 自动计算出值： 1：不进行任何配制： 假如 a.html 中引用 require.js 文件 <script src="require.js"></script> 这样在 require([ 阅读全文
posted @ 2017-02-05 17:10 匡匡 阅读(233) 评论(0) 推荐(0)
iframe 高度自适应
摘要：有两种途径来实现此功能，第一种是在 iframe 所在的父页面控制 iframe 的高度，另一种方法是在 iframe 内页里控制 iframe 的高度：第一种方法：给 iframe 加一个 onload 事件，在此事件中处理 iframe 的高度：<iframe name="myPage" style="border:0" src="page1.html" onload="setIframeHeight(this)"></iframe>下面是 JAVASCRIPT 代码：functions 阅读全文
posted @ 2011-09-04 10:17 匡匡 阅读(300) 评论(0) 推荐(0)
iframe
摘要：在网页中使用 iframe 定义一个内嵌窗口，此窗口（window）的 name 和 ifrmae 标签的 name 事一样的，通过这个特性，在 iframe 中的网页可以获取定义自己的 iframe 对象。获取 iframe 所定义的 window 对象：var win = window.frames[iframeName];获取 window 对象后，可以访问相关的对象：win.document;win.document.bodywin.document.title等在 google chrome 中，是不允许对 ifrmae 的窗口进行操作的，title 都获取不到。 阅读全文
posted @ 2011-09-03 23:40 匡匡 阅读(546) 评论(0) 推荐(0)
在母版页(MasterPage)中使用 jQuery 的一个小技巧
摘要：所以在以前在 head 区加了很多类似于[代码]这样的代码。在熟悉使用 jQuery 后，我就想到给控件加个特别的样式，样式并不一定需要真正的存在，这样就可以通过 jQuery 的样式选择器来获取这个控件，如：[代码]下面使用 jQuery 来获取这个控件[代码]上面的代码是给 btnAdd 加了一个 'btnAdd' 的样式，这个样式并不存在，但这不影响 btnAdd 控件的显示。希望这个小技巧... 阅读全文
posted @ 2010-04-15 08:49 匡匡 阅读(2939) 评论(12) 推荐(1)
两个 JavaScript 技巧（关闭窗口和防止缓存）
摘要：1、使用脚本关闭窗口时防止出现确认框在做网页的时候，有时候在完成某个功能的时候需要关闭当前窗口，但现在的新版的浏览器中在使用脚本 window.close() 方法来关闭窗口时，总是会出现一个确认框，这带来非常不好的体验。最近在网上又找到了一种新方法，这个可以防止出现确认框：[代码]2、防止 showModalDialog 方法打开网页时总是显示缓存在使用 showModalDialog 方法显示... 阅读全文
posted @ 2010-04-12 10:54 匡匡 阅读(402) 评论(0) 推荐(1)
parentElement 和 offsetParent 之间的区别
摘要：首先是 parentElement 属性，这个属性好理解，就是在 DOM 层次结构定义的上下级关系，如果元素A包含元素B，那么元素B就可以通过 parentElement 属性来获取元素A。这里主要说的是 offsetParent 属性，这个属性在 MSDN 的文档中也没有解释清楚，这就让人更难理解这个属性。 这几天在网上找了些资料看看，再加上自己的一些测试，对此属性有了那么一点的了解，在这里总结... 阅读全文
posted @ 2010-03-23 17:03 匡匡 阅读(1603) 评论(1) 推荐(0)
对 lightbox JS 图片控件进行了一下改造, 使其他支持复杂的图片说明
摘要：修改的 lightbox 版本是 2.04 版。下面是使用我们在使用 lightbox 来显示图片时的基本设置：<a href="image-url" rel="lightbox" title="image-remark">　　content</a>主要是给连接加了一个 rel="lightbox" 属性以上面的试设置好连接时， 当点击此连接，lightbox 将会显示连接... 阅读全文
posted @ 2010-03-20 17:17 匡匡 阅读(1515) 评论(1) 推荐(0)
禁止在文本框中回车引发提交按钮事件
摘要：最近做了一个“自动完成”的功能，在提示框里，使用上下键选择一项后按回车选定，但是按回事的时候总是会引发一个提交按钮。那要怎么禁止这种行为呢？要取消一个键的行为，需要在 keydown 或 keypress 事件中进行相应的设置:function textKeypress() { if(event.keyCode == 13) { event.keyCode = 0; e... 阅读全文
posted @ 2010-03-10 09:50 匡匡 阅读(359) 评论(0) 推荐(0)
document.createElement 在 IE 和 Firefox 之间的差别
摘要：在 IE 中，可以使用以下两种方式来创建一个元素：1、document.createElement('table')2、document.createElement('<table border="0">')而在 Firefox 只支持：document.createElement('table')如果使用 document.createElement('tagName') 的方式来创... 阅读全文
posted @ 2010-02-20 16:09 匡匡 阅读(421) 评论(0) 推荐(0)
使用 JS 动态生表格在 IE6 下面的一个小问题
摘要：最近一个项目中需要用到树控件，功能要求挺多的，在网上没有找到现成的，就自己做了一个。树是根据相关的数据使用 JS 动态创建的，每一个节点是使用表格来排版的， 所以这里就需要使用到动态创建表格的功能：[代码]在 IE6 下面，表格死活不出来，测试了很长时间，最后改成了：[代码]tbody.appendChild(tr);中间添加了一个 tbody 就没事了。写代码写出惯性来了，创建元素的时候只记得 ... 阅读全文
posted @ 2009-11-13 15:34 匡匡 阅读(299) 评论(0) 推荐(0)
一个 JavaScript 的小问题
摘要：这个问题的标题还真不知道怎么说，就随便写了个标题。先来看一段代码：[代码]这段代码的功能很简单，就是简单的调用了一个 JS 函数，但是这段代码在 IE6 下面， fnExit 函数可以执行，但却不能转到指定的地址。但在 IE7, IE8 和 Firefox 下都可以正常执行。问题出在了 <a href="javascript:void(null)" onclick="fnExit()">... 阅读全文
posted @ 2009-10-14 07:36 匡匡 阅读(169) 评论(0) 推荐(0)
网页已终止操作
摘要：昨天在一个 CSS 里面加了一个 HTC 脚本后，一打开网页，就出会“网页已终止操作”的错误。HTC 的主要内容是在 oncontentready 事件中对元素附加了一些事件，还调用了 document.body.appendChild 方法为 body 添加了一个子元素。问题就出在 document.body.appendChild 这一句上面因为是使用 onconten... 阅读全文
posted @ 2008-04-11 09:32 匡匡 阅读(685) 评论(0) 推荐(0)
几篇介绍在页面中引用脚本文件的技术文档
摘要：在一个页面中包含一个脚本文档是多么简单的一件事，但今天看了几篇文章后，才发现在一个这么简单的功能也有这么多的技巧可谈，以下是这几篇文章挣脱浏览器的束缚（1） - 前言挣脱浏览器的束缚（2） - 别让脚本引入坏了事挣脱浏览器的束缚（3） - 两个连接还不够“并行”挣脱浏览器的束缚（4） - 王道！动态添加script元素 挣脱浏览器的束缚（5） - 哭笑不得的IE Bug 阅读全文
posted @ 2007-01-24 11:46 匡匡 阅读(393) 评论(0) 推荐(0)
在网页中使用javascript打开没有最大化、最小化和关闭按钮的窗口
摘要：window.open("url", "_blank", "fullscreen=3,titlebar=no,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,edge:Raised,left=0,top=... 阅读全文
posted @ 2004-11-01 09:29 匡匡 阅读(6092) 评论(9) 推荐(0)