Quantcast
Channel: Javascript教程
Browsing latest articles
Browse All 82 View Live

如何编写JS文件

  JS是JavaScript的简称。这种情况下,你需要用到js文件:当许多html网页里有很多完全相同的地方时,可以把这些地方的东西做成一个文件,让许多网页来共同引用它。   JS文件的制作步骤比较简单,如下:   1.打开你的主页文件夹,新建

View Article



用脚本检查你访问过哪些网站的代码

function ypol(){ //K是一个对象,实际上是一个数组。存了一堆加密过的pr*n站链接。 var k={0:"qpsoivc/dpn",1:"sfeuvcf/dpn",2:"bevm

View Article

javascript innerHTML使用分析

  空格处理   当在DIV中输入"a[任意个空格]a" HTML呈现在Chrome和IE下是一样的:只显示一个空格。   innerHTML属性   IE还是两个a加一个空格,   Chrome则是原始输入的样子。  

View Article

使用JS进行目录上传(相当于批量上传)

  脚本使用了WScript.Shell和Scripting.FileSystemObject的组件,所以必须要在IE下面和打开安全选项中运行; 另外还用到了Jquery. 代码只是客户端代码, 至于服务器的接收代码网上好多了  

View Article

推荐学习:精通JS正则表达式

  精通JS正则表达式,讲的比较详细,学习正则表达式的朋友可以参考下      正则表达式可以:   •测试字符串的某个模式。例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有

View Article


Javascript代码优化工具UglifyJS

jquery 1.5 发布的时候 john resig 大神说所用的代码优化程序从Google Closure切换到UglifyJS,新工具的压缩效果非常令人满意。 UglifyJS 是一个服务端node.js的压缩程序。据说很黄很暴力&hellip

View Article

javascript事件列表解说

javascript事件列表解说 事件 浏览器支持 解说 一般事件

View Article

jQuery 如何获取浏览器所在的IP地址

   $(function () {     $("#btnGetIP").click(function () {

View Article


用JavaScript防止网站被挂IFRAME木马

 网站挂马的最常见形式就是IFRAME挂马,即在你的网页中加入一段框架网页代码,这个框架网页中的内容便是带木马病毒的网页。其实如果要防止被挂IFRAME木马,方法很简单,只需要利用JavaScript对IFRAME进行控制即可。方法如下:

View Article


Javascript继承机制的设计思想&诞生记

 一直很难理解Javascript语言的继承机制。   它没有"子类"和"父类"的概念,也没有"类"(class)和"实例"(instance)的区分,全靠一种很奇特的

View Article

javascript 分页

01 /*  02 分页控件(DEVIN 2011年02月16日)  03    04 模版说明:  05 标准中文:<span>共:{RecordCount}条

View Article

Javascript中闭包的作用域链

作用域定义了在当前上下文中能够被访问到的成员,在javascript中分为全局作用域和函数作用域,通过函数嵌套可以实现嵌套作用域。 闭包一般发生在嵌套作用域中。闭包是Javascript最强大的特性之一,很多高级应用都要依靠闭包实现。如OO的私有成员

View Article

jquery构造器的实现

jQuery的$符号非常神奇,它可以接受一个字符,也可以接受一个文档对象或window对象,亦可以传个函数进行变为domReady加载器。显然,能做到这一步,其实现是相当的复杂,这个实现就是它的init方法,jQuery的真实构造器。它功能也随着版本

View Article


为你的网站添加上JavaScript禁用提示页面吧

 淘宝曾做出调查,大约有0.1%的淘宝用户在访问淘宝网的时候是警用js脚本的,虽然看似比例不大,但假设淘宝网每天有1000万人访问,那也有1万人是无法正常浏览淘宝网的,一个大型的网站是绝对不允许出现这样的问题的,所以淘宝在这块做的很好,怎么个好?让我

View Article

用JS写的一个TableView控件

请看看编码是否规范,使用是否方便 HTML: 代码 <table id="customTableView">   <thead>     <tr> &

View Article


仅IE9/10同时支持script元素的onload和onreadystatec

如下 view sourcePRint?01 <!DOCTYPE HTML>  02 <html>  03     <head> 

View Article

JavaScript设计模式

注:文章很长,请自备瓜子啤酒小板凳 了解JavaScript设计模式我们需要知道的一些必要知识点:(内容相对基础,高手请跳过)   闭包:关于闭包这个月在园子里有几篇不错的分享了,在这我也从最实际的地方出发,说说我的理解。     1.闭包最常

View Article


JavaScript初学者应注意的七个细节

 每种语言都有它特别的地方,对于JavaScript来说,使用var就可以声明任意类型的变量,这门脚本语言看起来很简单,然而想要写出优雅的代码却是需要不断积累经验的。本文利列举了JavaScript初学者应该注意的七个细节,与大家分享。   (1)

View Article

灵活应用js调试技巧解决样式问题的步骤分享

  在很多时候,前端开发人员使用JS脚本,对页面Dom结构或者是样式做出了修改,会造成一些意想不到的bug   -   由于种种原因,例如:代码逻辑复杂、时间久了遗忘处理细节、或者根本就是接手修改别人遗留的bug,在这种情况下,debug就会变成

View Article

jquery获得下拉框值的代码

jquery获得下拉框值的代码,使用jquery的朋友可以参考下。 获取Select :  获取select 选中的 text :  $("#ddlRegType").find("option:

View Article

怎样在JavaScript中将字符串转化成数字

js中将字符串转化成数字的方法:  方法主要有三种:  转换函数、强制类型转换、利用js变量弱类型转换。  1. 转换函数:  js提供了parseInt()和parseFloat()两个转换函数。前者把值转换

View Article


基于jquery的无限级联下拉框js插件

首先声明这2个无刷新级联下拉框的jquery插件完全是自己原创的,经过严格的测试,正确使用不会出现bug 灵活性方面考虑了比较多的方面,提供了几个重要的配置方便在各类环境下使用,欢迎各位童鞋使用,源码完全开放。开发这个插件的缘于前段时间维护一个4级级

View Article


用JQuery模仿淘宝的图片放大镜显示效果

相信大部分人都上过淘宝网吧,里面有个这个效果,当鼠标移动到小图上面,显示大图。 代码如下 <head> <script type="text/javascript" src="Js/jquery-1.

View Article

基于jQuery的输入框在光标位置插入内容, 并选中

基于jQuery的输入框在光标位置插入内容, 并选中功能的实现代码,需要的朋友可以参考下。 代码如下: // //使用方法 //$(文本域选择器).insertContent("插入的内容"); //$(文本域选择器).in

View Article

js的一些常用方法小结

Val(),append(),get(),split(),substr(),each(),html(),keyup(),trim(),show(),hide(),indexOf() 我们一个一个来看: Val():来对一个页面元素

View Article


JavaScript 判断日期格式是否正确的代码

有多大变动,主要是返回错误信息,以便调用函数部分可以alert出来。据说可以用正则表达式校验,下次再研究下。 转载者最起码注明作者和出处!http://www.cnblogs.com/GuominQiu  代码如下: //------

View Article

淘宝JavaScript 编码风格规范

  行与缩进   语句行   尽可能不要让每行超过 120 个字符;   语句必须以分号作为结束符, 不要忽略分号;   空格   数值操作符(如, +/-/*/% 等)两边留空;   赋值操作符/等价判断符两边留一空格;   for

View Article

原生JavaScript图片放大镜效果

好记性,不如烂笔头;今天又写了一个简单的JS效果,放上来跟大家分享下,顺便也记录下自己的代码。废话不多说,想看的朋友请点下面的链接查看。   效果预览: http://www.seejs.com/enlarge/ <!DOCTYPE HTM

View Article

jQuery实现无限循环滚动公告

 今天把博客的公告栏做了一个小效果,如果有2条公告或以上就有个滚动效果,实例请移目前端组公告栏。在此感谢Newton同学的耐心指导,不多说了,上代码!或者你可以直接前往DEMO看实例   jQuery代码   /第二版:Newton改造   (

View Article



如何在15分钟内掌握JavaScript面向对象编程

 导读:经常看到一些JavaScript的代码脏乱得无法理解,到处都是属性和方法,或者一个循环套着一个循环。但如果使用面向对象就能很好的理清代码,并方便理解和修改代码。如果你不希望自己的代码只有上帝理解的话,就请尽量考虑使用面向对象的模式。   译

View Article

网易前端JavaScript编码规范

在多年开发邮箱webmail过程中,网易邮箱前端团队积累了不少心得体会,我们开发了很多基础js库,实现了大量前端效果组件,开发了成熟的opoa框架以及api组件,在此向大家做一些分享。今天想先和大家聊聊javascript的编码规范。   总所周知

View Article

jQuery选择器大全

  选择器是jQuery最基础的东西,本文中列举的选择器基本上囊括了所有的jQuery选择器,也许各位通过这篇文章能够加深对jQuery选择器的理解,它们本身用法就非常简单,我更希望的是它能够提升个人编写jQuery代码的效率。本文配合截

View Article

11 个处理触摸事件和多点触摸的 JS 库

  触摸屏是现在所有智能手机的标配,还包括各种平板设备,而且很多桌面也慢慢在开始支持触摸操作。要开发支持触摸屏设备的 Web 应用,我们需要借助浏览器的触摸事件来实线。 下图是各种触摸事件说明:

View Article


最短的,用上JS所有关键字代码

QQ空间 新浪微博 腾讯微博 人人网 豆瓣网 百度空间 百度搜藏 开心网 复制 更多 3 newfunction(){dobreak;while(typeofdeletethis);for(vara;void0;)continueif(null

View Article

javascript 55个小技巧

  1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)&g

View Article

JavaScript 基准测试套件 Octane

  网络在不断发展,而评估 JavaScript 性能的基准测试工具却还没有满足现代网络的需求。今天 Google 发布了一款 JavaScript 基准测试套件 Octane,旨在评估一款浏览器在执行用户日常所需庞大复杂的 web 应用时的性能。

View Article


jQuery数据类型

  jQuery除了包含原生JS中的内置数据类型(built-in datatype),还包括一些扩展的数据类型(virtual types),如Selectors、Events等。   1. String  

View Article


动态样式加载的Javascript代码实例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tran

View Article

10个带有漂亮UI组件的JavaScript框架

如今,网上有各种各样的JavaScript框架用来简化 Web 应用开发。这些框架都提供了一些核心的特性,例如 DOM 操作,动画,事件处理以及 Ajax 交互,但不是都带有 UI 组件。今天这篇文章向大家推荐的10个JavaScript框架提供了丰

View Article

JavaScript真的需要类吗?

无论你喜欢与否,ECMScript 6中将会包含类(class)的概念。在JavaScript中,类的概念一直是两级分化的。由于JavaScript与其他语言的不同,有些人喜欢JavaScript的无类特征;另一方面,也有一些人讨厌JavaScrip

View Article

jQuery实现表格数据的动态添加与统计

某物流信息系统中的功能要求如图1.1所示,表格中每一行代表一笔运送货物的信息,在录入每行的计费重量和费率后,要求能按一定的公式,自动计算运送费用,并且能自动统计所有运送货物的总运费。运送货物信息的数据量(即表格的行数)不定,要求能动态增加、删除,即表

View Article


基于jQuery与PHP实现Ajax长轮询(LongPoll)

  传统的AJAX轮询方式,客服端以用户定义的时间间隔去服务器上查询最新的数据。种这种拉取数据的方式需要很短的时间间隔才能保证数据的精确度,但太短的时间间隔客服端会对服务器在短时间内发送出多个请求。 反转AJAX,就是所谓的长轮询或者C

View Article

jquery div 阴影 和透明是怎么实现的?

  盒阴影 box-shadow,在CSS3是这样的: -o-box-shadow: 10px 10px 5px #888; -icab-box-shadow: 10px 10px 5px #888; -khtml-box-shadow:

View Article


JavaScript完美验证URL正则

个url的正则表达式判断的JavaScript!比较全面的。它验证的情况包括IP,域名(domain),ftp,二级域名,域名中的文件,域名加上端口!用户名等等信息,貌似作者也是在网上找的,我从一个项目代码中扣出来的,是我见过的最强最全面的url验证

View Article

使用面向对象技术创建高级Web应用程序

  最近,我面试了一位具有5年Web应用开发经验的软件开发人员。她有4年半的JavaScript编程经验,自认为自己具有非常优秀的JavaScript技能,可是,随后我很快发现,实际上她对JavaScript却知之甚少。然而,我并不是要为

View Article


javascript网页轮播图优化增强用户体验

Hua:最近对网站轮播图做了一些优化,虽然它看似简单,但从用户角度去思考,却能得到有趣的体验。 轮播图对于很多网站必不可少,它在有限空间展示更多内容,并且可以利用炫目的切换效果吸引用户,以下是一些知名网站截图: 利用前端技术javascrip

View Article

响应式JavaScript:在需要时加载JS

一年前我做了一个关于这个主题的演讲。我第一次关注这个技术是因为 @dhh发布的他们在 37signals使用的一些观点。我注意到他们 在模板视图里如何使用JavaScript,动态生成JavaScript这是它的关注点,这引起了我的思考。 与之前我

View Article

Javascript取随机颜色函数

function getRandomColor(){ return "#"+("00000"+((Math.random()*16777215+0.5)>>0).toString(16)).slic

View Article

大陆居民身份证真伪校验

var IdCardValid = {//身份证检查isIdCard : function(_id) {var returnObj = new Object();var id = $.trim(_id.toUpperCase());var idArr

View Article


JavaScript的作用域与闭包

JavaScript的作用域以函数为界,不同的函数拥有相对独立的作用域。函数内部可以声明和访问全局变量,也可以声明局部变量(使用var关键字,函数的参数也是局部变量),但函数外部无法访问内部的局部变量: function test() { var a

View Article

Browsing latest articles
Browse All 82 View Live




Latest Images