JavaScript
关注
分享
扫一扫
tjuking
这个作者很懒，什么都没留下…
展开
-
javascript:void(0)和#在超链接中使用的不同
在web前段开发的过程中我们常常会使用一些无有效 href 属性的超链接。以下是较常用的两种形式。[code="html"]链接1链接2[/code][list][*]第一种单击超链接时发生了：调用javascript的void操作符计算0值但不返回任何结果(undefined)，通常可以用来阻止浏览器默认行为，然后实现自定义的触发行为。（也就是单击链接后无任何效果...原创 2012-01-11 21:09:40 · 128 阅读 · 0 评论 -
Javascript中产生固定结果函数的优化
分享一个Javascript编写函数的优化技巧。 适用的函数应该要满足以下条件：产生固定结果页面中多次调用复杂或较耗时代码和分析如下： //产生固定结果并且在页面中多次调用的函数function check() { //模拟耗时操作 var begin = Date.now(); //ECMAScript5添加的，若不支持请改成 +new...2013-01-04 10:14:47 · 101 阅读 · 0 评论 -
Javascript返回顶部代码实现
返回顶部逻辑很简单，功能点分为：页面第一屏内不展示返回顶部的图标，超过第一屏时展示图标；点击返回顶部图标时页面流畅地返回顶部。HTML文件部分：<!DOCTYPE html><html> <head> <title>返回顶部</title> <link rel="styleshe...2012-12-06 18:07:52 · 265 阅读 · 0 评论 -
<pre>标签内JavaScript代码的高亮显示插件
插件经过IE6-10、Chrome、Firefox等浏览器的测试。目前支持关键字、字符串、注释、正则表达式的高亮显示，现在逻辑可能比较简单，后期会继续完善。 使用示例：<!DOCTYPE html><html><head> <title>Page Title</title> <meta...2013-05-09 16:16:32 · 965 阅读 · 0 评论 -
IE8以下实现焦点置回功能遇到的设计问题
最近在写一个web小项目，设计了如下交互环节：某页面包含两个以上的文本输入框，每个文本框都对输入内容有的校验规则（其中的一条就是不允许输入内容为空）；当用户在某文本输入框中输入文本内容后离开输入框时，用jquery绑定blur事件进行校验文本格式是否正确，如果不正确则重新将焦点置回该输入框。 产生bug步骤如下：当我在第一个输入框中输入不符合格式的文本时直接点击进入另外一...原创 2012-03-31 17:28:16 · 129 阅读 · 0 评论 -
<script>标签位置的影响
通常情况下，我们会把<script>标签放置于<head>标签内，如下所示：<!DOCTYPE html><html><head><title>标题</title><script type=”text/javascript” src=”文件1.js”><2012-07-19 11:02:43 · 231 阅读 · 0 评论 -
JavaScript中with语句的优缺点
前几天参加了LAMP的一个技术分享会，有一个前端开发人员的主题是如何规避bug和性能优化，让我觉得无论是做Java开发还是Web前段开发，优化始终应该是我需要努力的方向。 今天看到某前辈写的一个JS控件，里面有比较多的with语句引起了我的好奇。 with语句的作用是暂时改变作用域链、减少的重复输入。 其语法结构为： with(object){ //s...2012-02-23 11:25:13 · 235 阅读 · 0 评论 -
jQuery UI插件在dialog中显示Ajax获取的json数据
最近一直在学习jQuery，其中的一款插件引起了我的注意：jQuery UI（官方网站）今天学习的是其中的dialog部分，弹出对话框是web设计中经常出现的内容，jQueryUI插件的该功能非常强大提供了非常多的选项和事件处理（Dialog Options），特别是可以将设计在网页中的内容作为弹出框的内容。在这一篇博文中，我就用一个自己写的例子来实践一下dialog的使用（这个例子包含了...2012-02-09 19:43:29 · 438 阅读 · 0 评论 -
DOM对象和jQuery对象
一：定义DOM对象指的是通过传统的javaScript方法获取的元素对象，如下代码：var DomObj1 = document.getElementById("id1");var DomObj2 = document.getElementsByName("name2"); //IE下不支持var DomObj3 = document.getElementsByTagName("d...原创 2012-02-08 20:50:24 · 79 阅读 · 0 评论 -
Javascript性能优化 - 事件委托
JavaScript网页开发中经常出现的就是事件处理程序，交互越多可能就需要注册更多的事件处理程序，这也导致了一定的性能问题： 事件处理函数是对象，对象存储于内存空间，对象越多消耗的内存也就越大事件注册需要在页面交互就绪前访问DOM元素，注册的DOM越多，访问时间越长解决这个问题的一种方法就是事件委托。事件委托是依赖于事件冒泡机制（IE事件流，从最具体的元素开始接收事件，逐级...2013-02-28 14:59:07 · 131 阅读 · 0 评论