第一步:做一个“手机的类"var MobilePhone = (function(){………… })()第二步：考虑这个类，里需要那些类的私有属性，这里我想定义的是实例出来手机的数量var MobilePhone = (function(){//私有属性var count = 0; //代表手机的数量 })()第三步：创建一个构造函数，即实例时候，对产生的新象的一个初始化，例如属性，方法的初始化;在这个例子中，每一个手机都会有颜色，大小，价格属性.这里的构造函数也是一个闭包，所以可以访问c...
需要引入jquery.js，jquery.dataTables.js，dataTables.bootstrap.js（可选）, 1、直接加载，这个比较简单，如下<p id="tid" class="col-sm-12 col-md-12"><p id="secondtid" hidden="hidden"></p> </p>jsp用了bootstrap的栅格，js如下<script type="text/javascript">function getgaoxinqu() {$(#secondtid).remove();$("#tid").append("<p id=secondtid style=width: 100%;><table id=table_id class=table table-striped table-...
DataTables是一个jQuery的表格插件。这是一个高度灵活的工具，依据的基础逐步增强，这将增加先进的互动控制，支持任何HTML表格。主要特点：不过可惜的是官方网站表格数据导出方法使用的是tabletools插件，利用flash导出数据，而且不支持中文数据，通过查找官方的API和资料，找到使用jquery和php导出数据方法。导出数据的javascript函数function table2csv(oTable, exportmode, tableElm) { var csv = ; var headers = []; var rows...
我们可以动态的创建 <script> 元素，然后通过更改它的 src 属性来加载脚本，但是怎么知道这个脚本文件加载完成了呢，因为我们有些函数需要在脚本加载完成生效后才能开始执行。IE 浏览器中可以使用 <script> 元素的 onreadystatechange 来监控加载状态的改变，并通过判断它的 readyState 是 loaded 或 complete 来判断脚本是否加载完成。而非 IE 浏览器可以使用 onload 来直接判断脚本是否加载完成。 一个简单的实现过程看上去是下面...
先给出函数。 varaddSheet=function(){ vardoc,cssCode; if(arguments.length==1){ doc=document; cssCode=arguments[0] }elseif(arguments.length==2){ doc=arguments[0]; cssCode=arguments[1]; }else{ alert("addSheet函数最多接受两个参数!"); } if(!+"v1"){//增加自动转换透明度功能，用户只需输入W3C的透明样式，它会自动转换成IE的透明滤镜 vart=cssCode.match(/opacity:(d?.d+);/); if(t!=null){ cssCode=cs...
每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。属性1 document.anchors 返回对文档中所有 Anchor 对象的引用。还有document.links/document.forms/document.images等2 document.URL 返回当前文档的url3 document.title 返回当前文档的标题4 document.body 返回body元素节点方法1 document.close() 关闭用 document.open() 方法打...
原型(prototype)：function Body(name,age){// 创建一个Body类this.name = name;// 赋予基础属性name、agethis.age = age; } Body.prototype.sayName =function() {// 给原型定义一个sayName的方法console.log(this.name); } var a = new Body(wutao,10);//创建一个Body的实例对象function Another(){} Another.prototype = new Body(www);//将Body实例对象给新创建的子类(Another)的prototype属性，这样，Another就拥有了Body的属...
js中有三种继承方式1.js原型（prototype）实现继承<SPAN style="BACKGROUND-COLOR: #ffffff"><SPAN style="FONT-SIZE: 18px"><html> <body> <script type="text/javascript"> function Person(name,age){ this.name=name; this.age=age; } Person.prototype.sayHello=function(){ alert("使用原型得到Name："+this.name); } var per=new Person("小倩",21); per.sayHello(); //输出：使用原型得到Name:小倩 function...
记录一下JS控制CSS所使用的方法. 使用javascript更改某个css class的属性... <style type="text/css"> .orig { display: none; } </style>你想要改变把他的display属性由none改为inline。 解决办法： 在IE里： document.styleSheets[0].rules[0].style.display = "inline";在firefox里： document.styleSheets[0].cssRules[0].style.display = "inline";讨论： 可以做一个函数来搜索特定名字的style对象： function getstyle(s...
判断滚动条到底部，需要用到DOM的三个属性值，即scrollTop、clientHeight、scrollHeight。scrollTop为滚动条在Y轴上的滚动距离。clientHeight为内容可视区域的高度。scrollHeight为内容可视区域的高度加上溢出（滚动）的距离。从这个三个属性的介绍就可以看出来，滚动条到底部的条件即为scrollTop + clientHeight == scrollHeight。//滚动条在Y轴上的滚动距离 function getScrollTop(){var scrollTop = 0, bodyScrollTop = 0, docu...
博客系统的评论遇到一个问题，用户点击“最后一页”链接之后就自动调取最后一页的资料来显示。将当前页用一个全局变量存储。同时在“最后一页”链接里单击方法调用一个函数自动去修改页数为最后一页，然后再调用载入评论的方法。 发现点击“最后一页”第一次的时候系统没反应，再点击一次就抓去最后一页的资料了！ 要说全局变量没改，应该是改了，就仿佛改了页数而载入评论的方法失效了一样。 代码如下： var page = 1; //初始化页...
本文主要介绍了js实现多行文本框统计剩余字数功能的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧效果图：代码如下：<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>js统计文本框剩余字数</title><style type="text/css">#area{width: 300px;height: 300px;resize:none;}</style> </head> <body><textarea autofocus id="area" onkeydown="sy()" maxlength="10" placeholder="只能输入十个字"><...
这篇文章主要为大家详细介绍了JS实现新建文件夹功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下每天一个JS 小demo之新建文件夹。主要知识点：DOM方法的综合运用<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body { margin: 0; } header { border-bottom: 2px solid #000; height: 40px; line-height: 40px; text-align: center; } .file { margin:...
首先我们给出下面的HTML代码：<p id="parent" class="parent"><p class="child">child1</p><p class="child">child2</p> </p> <p id="parent1" class="parent"><p class="child">child1</p><p class="child">child2</p> </p>调用方式1：第二个参数context是DOM元素var doms=$(".child",$("#parent")[0]); console.log(doms);这时候第二个参数是DOM对象，打印[p.child, p.child, prevObject: jQuery.fn.init[1], context: p#parent,...
这篇文章主要为大家详细介绍了原生javascript实现分页效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下随着近几年前端行业的迅猛发展，各种层出不穷的新框架，新方法让我们有点眼花缭乱。最近刚好比较清闲，所以没事准备撸撸前端的根基javascript,纯属练练手，写个分页，顺便跟大家分享一下function pageFunc(conf){this.myFunc = conf.click //用户点击要执行的方法this.total = conf.total; //总页数this.currentPage = ...