JavaScript资料,JavaScript文章,JavaScript文档-易库教程_www.escdns.com

易网时代-编程资源站

首页 / 脚本样式 / JavaScript

JQuery 常用方法基础教程

JQuery 常用方法基础教程

2017年02月06日 30 阅读

$（"p"）.addClass（css中定义的样式类型）; 给某个元素添加样式 $（"img"）.attr（{src:"test.jpg",alt:"test Image"}）; 给某个元素添加属性/值，参数是map $（"img"）.attr（"src","test.jpg"）; 给某个元素添加属性/值 $（"img"）.attr（"title", function（） { return this.src }）; 给某个元素添加属性/值 $（"元素名称"...

jQuery 页面载入进度条实现代码

jQuery 页面载入进度条实现代码

2017年02月06日 33 阅读

上图展示了传统 Wordpress 模板在浏览器中的载入顺序，Loading 条的出现和消失分布于头尾。如果我们在页面的不同位置放置多个 JS ，每个 JS 用于逐步增加 Loading 条的宽度，那么这个 Loading 条无疑会更具实用价值。它在一定程度上缓解了访客等待载入的枯燥感，同时还能客观反映页面载入的进度。若再配以 jQuery 内建的动画效果，其完全可以与浏览器自带的状态条媲美。先来看一个演示：地址。要得到演示上的进度条效果，首先，引入 ...

让网页根据不同IE版本显示不同的内容

让网页根据不同IE版本显示不同的内容

2017年02月06日 29 阅读

这篇blog 主要讲如何让静态HTML代码根据不同IE版本显示不同内容。这里的技巧就是利用IE的HTML注释表达式。 HTML 的注释格式是 <！-- Comment content --> ， IE 对HTML注释做了一些扩展，使之可以支持条件判断表达式： <！--[if expression]> HTML <！[endif]--> 当表达式expression 为True 的时候，显示 HTML 内容。例子：复...

jQuery Ajax 全解析

jQuery Ajax 全解析

2017年02月06日 31 阅读

jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax（）进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax（）的（这个后面会说到）. 1. load（ url, [data], [callback] ）：载入远程 HTML 文件代码并插入至 DO...

让input不可点击的另一种方法

让input不可点击的另一种方法

2017年02月06日 30 阅读

测试 2009-2-10 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]...

fckeditor 获取文本框值的实现代码

fckeditor 获取文本框值的实现代码

2017年02月06日 30 阅读

复制代码代码如下:<script type="text/javascript"> function check（）{ var editor = FCKeditorAPI.GetInstance（"FCKEDITOR的ID"）; alert（editor.EditorDocument.body.innerHTML）; //输出的就是FCK文本框中的值； } </script>...

jquery插件jbox使用iframe关闭问题

jquery插件jbox使用iframe关闭问题

2017年02月06日 30 阅读

此按钮调用close方法关闭，弹出窗口，没有办法关闭，因为close方法需要以个参数，参数应该是那个iframe但是将其传入并不生效，不知道为什么在网上查找也没有找到解决方案。。最后只好自己改其源码，在其close方法第一句中增加以下代码： if（box==undefined）{ box=jBox.boxes[0]; } 然后用：window.parent.window.jBox.close（）;调用此方法。...

js获取提交的字符串的字节数

js获取提交的字符串的字节数

2017年02月06日 28 阅读

方法1：复制代码代码如下:function getBytesCount（str） { var bytesCount = 0; if （str ！= null） { for （var i = 0; i < str.length; i++） { var c = str.charAt（i）; if （/^[u0000-u00ff]$/.test（c）） { bytesCount += 1; } else { bytesCount += 2; } } } ...

JS IE和FF兼容性问题汇总

JS IE和FF兼容性问题汇总

2017年02月06日 34 阅读

1. document.form.item 问题现有问题：现有代码中存在许多 document.formName.item（"itemName"）这样的语句，不能在 MF 下运行解决方法：改用 document.formName.elements["elementName"] 其它参见 2 2. 集合类对象问题现有问题：现有代码中许多集合类对象取用时使用（），IE 能接受，MF 不能。解决方法：改用 [] 作为下标运算。如：docum...

js函数使用技巧之 setTimeout（function（）{},0）

js函数使用技巧之 setTimeout（function（）{},0）

2017年02月06日 30 阅读

这个立刻的结果是：浏览器会在文档内容处于稳定状态后立刻执行，这样就达到了和<script defer="defer">或者<body onload="fun（）">一样的效果。更应该看到的是，此函数更优于上述方法，前面两个函数只能静态时刻处理（文档第一次载入的时候），而在系统开发中，常常由于查询、更新等操作后，文档的内容会刷新，这样就可以利用setTimeout的特点，使代码能在页面内容稳定后再执行！...

javascript 模拟select下拉列表特效

javascript 模拟select下拉列表特效

2017年02月06日 30 阅读

javascript 模拟select下拉列表特效 by jb51.net function gets_id（objName）{ if（document.getElementById）{ return eval（"document.getElementById（"" + objName + ""）"）; }else if（document.layers）{ return eval（"document.layers["" + objName +...

js 静态HTML表格排序功能实现

js 静态HTML表格排序功能实现

2017年02月06日 30 阅读

无标题文档 *{font-family:Arial, Helvetica, sans-serif;font-size:14px;border:none;} body{text-align:center;} table{margin:100px auto;} td{width:100px;height:24px;text-align:center;line-height:24px;border:1px solid silver;} .red{col...

JavaScript 克隆数组最简单的方法

JavaScript 克隆数组最简单的方法

2017年02月06日 31 阅读

var a = [1, 2, 3]; var b = a.slice（0）; b[1] = 20; alert（a[1]）; //->2 alert（b[1]）; //->20 两个值不一样说明克隆成功。当然也可以使用Array的原型来做： Array.prototype.clone = function （） { return this.slice（0）; } var a = [1, 2, 3]; var b = a.clone（）; b[1...

js 判断 enter 事件

js 判断 enter 事件

2017年02月06日 30 阅读

<script language="javascript"> function enterkey（） { e = event.keyCode; if （e==13||e==32） { // do something. alert（e）; event.returnValue= false; // 取消此事件的默认操作 } } </script> <body onkeydown="enterkey（）"> </body...

谷歌浏览器 insertCell与appendChild的区别

谷歌浏览器 insertCell与appendChild的区别

2017年02月06日 30 阅读

而使用appendChild方法增加列，显示结果的先后顺序与程序执行的先后顺序相同详细可以执行以下代码：复制代码代码如下:<html> <script type="text/javascript"><！-- function generatable（）{ var tableObje = document.getElementById（"info"）; var bodyObj = tableObje.tBodies[0];...

从JavaScript 到 JQuery （1）学习小结

从JavaScript 到 JQuery （1）学习小结

2017年02月06日 30 阅读

这么说吧 , 只有扎实的 JavaScript 功底 ,才能得心应手的使用各种 JS 库 , 然后进入正题吧！ 1.先谈谈JQuery的效率方面吧他在选择器的速度上比标准的 JS Dom 要慢上4倍左右（官方说的,不是我瞎编的...） , 那为什么我们还要使用它呢？？原因很简单, 第一 JS 是应用客户端的 , 速度影响并不那么明显 , 但是一定要注意什么时候用JQuery的选择器 , 什么时候用JavaScript的选择器！我个人是这样理解...

JavaScript实现动态增加文件域表单

JavaScript实现动态增加文件域表单

2017年02月06日 31 阅读

js代码：复制代码代码如下:<script language="javascript"> //全局变量，代表文件域的个数，并用该变量区分文件域的name属性 var file_count = 0; //增加文件域 function additem（id） { if （file_count > 9） { alert（"最u22810 10个u25991 件u22495 "）; return; } //定义行变量row；单元格变量cel...

CSS+Table图文混排中实现文本自适应图片宽度（超简单+跨所有浏览器）

CSS+Table图文混排中实现文本自适应图片宽度（超简单+跨所有浏览器）

2017年02月06日 30 阅读

这就出现一个问题，如果图片过小，或文字过长，就会出现文字把整个表格撑得很大，即占用了很多空间，显示效果也非常不美观。网上也有许多解决办法，但要么复杂，要么不能解决跨浏览器问题，要么不能自适应图片大小变化。在我的这个方法中，解决了：不需要在代码中指定图片大小、跨浏览器、非常简单。最后的效果如下图所示，当文字过长时，它会自动换行以适应图片宽度：方法如下： 1）图片及图片说明代码如下： <table class="mod_img" width="10...

JavaScript DOM 添加事件

JavaScript DOM 添加事件

2017年02月06日 31 阅读

因为对于支持DOM的浏览器来说，添加事件是用addEventListener（）方法来给对象添加事件！而对于MSIE来说则是用attachEvent（）来给对象添加事件！这就使得我们必须用一个容器来装载这两个不同浏览器上对事件的处理方式！这样我们就可以直接调用addEvent（）方法来给对象添加事件了！这不是更方便？！呵呵…… 让我们来看看吧！ /** * 注册一个监听事件到元素 * @param {Object} node 所要添加事件的对象 * @...

Javascript 跨域访问解决方案

Javascript 跨域访问解决方案

2017年02月06日 32 阅读

这里分两类情况：一、基于同一父域的子域之间页面的访问；参见如下3个domain域：taobao.com、jipiao.taobao.com、promotion.taobao.com；它们有相同的父域taobao.com。二、基于不同父域页面之间的访问；参见如下3个domain域：taobao.com、baidu.com、sina.com.cn；它们具有不同的父域。解决它们之间跨域的方案有：方案1：服务器Proxy域A的页面JS需要访问域B下的链接获取数据，...

<< 281 282 283 284 285 286 287 288 289 290 >>

版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图