我们一直在寻找增加浏览体验的方法，有的方法众所周知，有的则鲜为人知。我原本认为书签小工具属于后者，非常令人讨厌的东西。令我非常懊恼的是我发现在这个问题上我完全是错误的。它并不是令人厌烦的，而是以用户为中心的，能实现很多出色的功能，而且就像人们所预期的一样，它成为了我与浏览者以及网络交互的核心部分。 这里我想向你介绍开发书签小工具以实现一些精妙的书签的全过程。是的，书签，我们将创建不只一个书签，即使是...
一，function 从一开始接触到js就感觉好灵活，每个人的写法都不一样，比如一个function就有N种写法 如：function showMsg(){}，var showMsg=function(){}，showMsg=function(){} 似乎没有什么区别，都是一样的嘛，真的是一样的吗，大家看看下面的例子 代码如下: ///----------------------------------------------------------------------------------------- ------- //函数定义：命名函数（声明式），匿名函数（引用式） //声...
很多时候我们是这样写类，然后使用new创建对象的。 代码如下: function Person(name,age){ this.name=name; this.age=age; } Person.prototype={ setName : function(n){this.name=n;}, getName : function(){return this.name;} } var p = new Person(jack,25); 改成这样的 代码如下: function Person(name,age){ //条件改为(this==window)或(this==self)或(this.constructor!=Object) if(!this.setName){ return new Person(n...
废话少说直接进入主题， 表格功能: 1、添加 2、删除 3、获取值 4、动态填充数据 5、动态设置焦点 6、键盘左右上下键控制单元格焦点 7、单元格添加正则验证功能 WebForm4.aspx 代码如下: var rowtmplate = ""; rowtmplate += ""; rowtmplate += ""; rowtmplate += ""; rowtmplate += ""; rowtmplate += "删除"; $(document).ready(function() { $(this).bind('keyup', function(e) { switch (e.keyCode) { case 38: //上...
创建jQuery插件，基本的格式是上面这段代码： 代码如下: (function ($) { //add code here })(jQuery) 我们怎么理解？ 第一步：function ($){}定义了一个匿名的函数，有一个参数，$是参数名，和其他的参数名没什么区别。 第二步：(function ($){})(jQuery) 我们要执行一个匿名函数的时候，通常用var func = function ($) { },然后func(参数)这样的形式。这里func就是一个Function对象。但更简洁的(function ($) {})，这时用括号，...
什么是 JScript？ JScript 是由微软开发的活动脚本语言，基于 ECMAScript 规范实现。Internet Explorer 中的 JavaScript，实际上是指 JScript。JScript 已被 Windows Script Host（WSH）支持（WSH 中的 JavaScript shell scripting：C:\> cscript jslint.js）。JScript 最新的版本（JScript.NET）基于 ECMAScript 4.0 ，并且可以在 .Net 环境下编译。 .NET Framwork 中包含有 JScript 编译器 ：JScriptCompiler （C:\WINDOWS\Micro...
特羡慕写出这些特效的高级程序员。我想学习，可总是不知道怎么去思考，不知道怎么去逻辑。有时候也很着急，这些都不怕，幸好还有人教我，指点我，这是我比较幸运的。但是我过不了自己这关了，自己最大的缺点就是 逃避，不会做的就放弃了，不会了就不会了，也不敢问了。改，这个大缺点一定得改。以下，是洋哥指点我的学习技巧，思路清晰，效率也有很大的提高。。废话就不扯了，言归正传： 题目：btton 按钮 一个添加 一个删除 ，点击...
示例 代码如下: 仅img元素创建后却不添加到文档中会执行onload事件 var img = document.createElement('img'); img.src = "http://www.sinaimg.cn/rny/sinamail57/skins/110318/17/logo.jpg"; img.onload = function(){alert(this.width);}; iframe,script必须添加到文档中后才执行回调。JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更...
代码如下: createElement .warpper{ border:1px solid red; padding:8px;} ///动态创建一个div $(function(){ $('',{ id:'test', text:"this is a div", "class":"warpper", click:function(){ var text=$(this).text(); alert(text); } }).appendTo("body"); }); //创建input:text $(function(){ $('',{ type:"text", val:"input text somethings...", name:"userName" }).appendTo("body"); }); //创建input select $(fu...
首先看下效果，没什么特别，呵呵！ 调用的代码呢，则是相当简单，不需要创建其他的Label或者span标签，脚本将自动生成： 代码如下: 接下来我们看下这个checkResult这个函数，checkCondition参数表示判断条件，当条件为true时显示提示信息；showAfterId参数为创建的显示提示信息的标签之前的元素ID，在这里我们在input后面创建一个span来显示提示信息，因而 传入的参数值为当前input的ID“txt1”；最后一个参数为显示的文字，这个...
代码如下: xxx var css = document.createElement('style'); css.setAttribute('type', 'text/css'); var cssText = 'span{color:Red;}'; if(css.styleSheet) { // IE css.styleSheet.cssText = cssText } else { css.appendChild(document.createTextNode(cssText)); } document.getElementsByTagName("head")[0].appendChild(css); 对于标准浏览器，直接使用css.innerHTML也可以修改HTMLStyleElement的css规则； 但是对于IE...
代码如下: var body = document.body; var html = document.documentElement; var div = document.createElement("div"); var p = document.createElement("p"); var ali = document.createTextNode("alipay"); p.appendChild(ali); div.appendChild(p); div.setAttribute("id","fn-div"); div.setAttribute("class","fn-class"); body.appendChild(div); var arr = div.attributes; for(var i=0;iconsole.log(arr[i].name + ":" +...
很多框架存在父子关系，操作起来十分麻烦，很多同学经常出现这样悲催的代码： 代码如下: window.parent.document.getElementById("main") .contentWindow.document.getElementById(input).value = document.getElementById(myIframe) .contentWindow.document.getElementById(s0).value; 其实这个问题可以被大大的简化，框架应用中有一个固定不变的窗口叫window.top，如果我们把数据缓存到这个页面，其下所有框架都可以获取到，无...
代码如下: String query = request.getParameter("query"); MMStock2BudgetLogic bean = new MMStock2BudgetLogic(); String xmldata = bean.statStock2Budget(); %> 库存点采购总支出比 /plugins/FusionCharts/Style.css" type="text/css" /> /framework/sys-resources/css/jsoa.css" type="text/css" /> /plugins/FusionCharts/FusionCharts.js"> /plugins/jquery-1.6.4.min.js"> /framework/sys-resources/js/common_js...
如 new Object()、new Date()等等！（object有{}，数组有[]这样的快捷方式 ，我们主要探讨new这种方式。） 我们在使用jQuery时从来没有使用过new，他是不是用其他方法来生成实例呢？是不是没有使用prototype属性呢？事实上他都有使用，只是内部处理的非常巧妙，提高了使用的爽快度。我们来看看他的源码。 代码如下: funtion jQuery( selector, context){ return new jQuery.fn.init( selector, context ); } 这里可以看出jQu...