Welcome 微信登录

首页 / 脚本样式 / JavaScript

javascript下拉列表菜单的实现方法

javascript下拉列表菜单的实现方法

之前写过这个《javascript下拉列表中显示树形菜单的实现方法》菜单的体现,但是在写了之后就发现了,不太适合,高度要精准控制,并且还不是很好看。现在采用table来封装,我们知道table的每一行写满了之后,下一行会自动加,这个比之前我们自己制定高度好很多。1、点击之后都可以并存的情况(只需函数写法不一样就可)dispaly也是自己设置的,通过父节点来操作子节点,显示与否;/* function open1(node){ //通过父节点来操作兄弟节点当...
javascript实现对表格元素进行排序操作

javascript实现对表格元素进行排序操作

我们在上网中都能看到很多能够排序的,如大小、时间、价格等现在我们也试一下排序功能:排序的函数代码:里面含有点击之后排序--还原,和排升序和降序。 function sortAge(){ //对年龄进行排序,要先进行获得每一行对象,然后对象对象中的第一个(从0 开始)的大小进行排序 var tabNode = document.getElementById("tabid"); var rows0 = tabNode.rows; var rows1 = [];...
Jquery Mobile 自定义按钮图标

Jquery Mobile 自定义按钮图标

很多朋友都反应jquery mobile自带的图标真的是少之又少,另外我也觉得图标偏小(系统自带的是18*18的),于是琢磨着如何自定义按钮图标,下面小编把我的方法分享给大家。刚接触Jquery Mobile框架,遇到个很现实问题,就是如何自定义按钮图标,我觉得jquery mobile 自带的图标实在是太少了,另外我觉得图标也偏小(系统自带的应该是18*18的)下面是我的方法,希望大家踊跃拍砖。1、第一种方法是比较简单的,但是有前提,前提就是你自定义的图...
javascript实现添加附件功能的方法

javascript实现添加附件功能的方法

在邮件中我们经常用到添加附件,现在简单的应用下:效果图:实现原理:采用table标签的,主要思想:采用table标签方式1、点击文字之后,就自动创建(原先是自己/创建,现在拿到table对象之后,可以insertRow() insertCell())创建行和列2、删除的时候通过父节点来移除核心代码:function creatMail(){var tab=document.getElementById("tabid");var tr=tab.insertR...
z-blog SyntaxHighlighter 长代码无法换行解决办法(基于jquery)

z-blog SyntaxHighlighter 长代码无法换行解决办法(基于jquery)

用SyntaxHighlighter 语法高亮插件的朋友可能都遇到过代码显示不换行的问题,这个问题在网上也找不到什么解决办法,一直困扰了我很久,今天算是把它解决了,办法其实简单,下面说下...解决方法:打开shCoreDefault.css文件,找到对.syntaxhighlighter textarea的定义,在最后加上一句:word-break:break-all !important;就ok了,意思是让代码强制换行显示。由于每个人调用的css不同,大...
js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?

js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?

没有区别。你需要明白 IIFE 的原理,我简单说一下:复制代码 代码如下:function foo() {...} // 这是定义,Declaration;定义只是让解释器知道其存在,但是不会运行。foo(); // 这是语句,Statement;解释器遇到语句是会运行它的。IIFE 并非必须,传统一点可以这么写:复制代码 代码如下:function foo() {...}foo();那么为什么要 IIFE?1.传统的方法啰嗦,定义和执行分开写;2.传统的...
理解 JavaScript Scoping & Hoisting(二)

理解 JavaScript Scoping & Hoisting(二)

Scoping & Hoistingvar a = 1;function foo() {if (!a) {var a = 2;}alert(a);};foo();上面这段代码在运行时会产生什么结果?尽管对于有经验的程序员来说这只是小菜一碟,不过我还是顺着初学者常见的思路做一番描述:1.创建了全局变量 a,定义其值为 12.创建了函数 foo3.在 foo 的函数体内,if 语句将不会执行,因为 !a 会将变量 a 转变成布尔的假值,也就是 false4.跳...
每天一篇javascript学习小结(属性定义方法)

每天一篇javascript学习小结(属性定义方法)

定义(Definition).定义属性需要使用相应的函数,比如:Object.defineProperty(obj, "prop", propDesc)如果obj没有prop这个自身属性,则该函数的作用是给obj添加一个自身属性prop并赋值,参数propDesc指定了该属性拥有的特性(可写性,可枚举性等).如果obj已经有了prop这个自身属性,则该函数的作用是修改这个已有属性的特性,当然也包括它的属性值.1、defineProperty var boo...
跟我学习javascript的作用域与作用域链

跟我学习javascript的作用域与作用域链

作用域是JavaScript最重要的概念之一,想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理。今天这篇文章对JavaScript作用域和作用域链作简单的介绍,希望能帮助大家更好的学习JavaScript。一、JavaScript作用域 任何程序设计语言都有作用域的概念,简单的说,作用域就是变量与函数的可访问范围,即作用域控制着变量与函数的可见性和生命周期。在JavaScript中,变量的作用域有全局作用域和局部作用域...
jQuery 1.9.1源码分析系列(十)事件系统之绑定事件

jQuery 1.9.1源码分析系列(十)事件系统之绑定事件

事件绑定的方法有很多种,使用了jquery那么原理那种绑定方式(elem.click = function(){...}))就不太想推荐给大家了。最主要的原因是elem.click=fn这种方式只能绑定一个事件处理,多次绑定的只会保留最后一次绑定的结果。下面给大家介绍jquery绑定事件的方式有哪些吧。复制代码 代码如下:jQuery.fn.eventType([[data,] fn])比如eventType指的是事件类型,比如click: $("#chu...
跟我学习javascript的this关键字

跟我学习javascript的this关键字

本文仅就这一问题展开讨论,阅罢本文,读者若能正确回答 JavaScript 中的 What "s this 问题,作为作者,我就会觉得花费这么多功夫,撰写这样一篇文章是值得的。我们要记住一句话:this永远指向函数运行时所在的对象!而不是函数被创建时所在的对象。也即:谁调用,指向谁。切记…本文将分三种情况来分析this对象到底身处何方。1、普通函数中的this无论this身处何处,第一要务就是要找到函数运行时的位置。 var name="全局"; func...
跟我学习javascript的Date对象

跟我学习javascript的Date对象

本篇主要介绍Date 日期和时间对象的操作。1. 介绍1.1 说明Date对象,是操作日期和时间的对象。Date对象对日期和时间的操作只能通过方法。1.2 属性无; Date对象对日期和时间的操作只能通过方法。2. 构造函数2.1 new Date() :返回当前的本地日期和时间参数:无返回值:{Date} 返回一个表示本地日期和时间的Date对象。示例:var dt = new Date();console.log(dt); // => 返回一个表...
jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构

jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构

又是一个重磅功能点。 在分析源码之前分析一下体系结构,有助于源码理解。实际上在jQuery出现之前,Dean Edwards的跨浏览器AddEvent()设计做的已经比较优秀了;而且jQuery事件系统的设计思想也是基于该思想的,所以我们先分析一下Dean Edwards前辈的事件绑定。a. jQuery事件原型——Dean Edwards的跨浏览器AddEvent()设计 源码解读//事件添加方法function addEvent(element, ...
<< 1221 1222 1223 1224 1225 1226 1227 1228 1229 1230 >>