JavaScript资料,JavaScript文章,JavaScript文档-易库教程

javascript中bind函数的作用实例介绍

2017年02月06日 12 阅读

<！DOCTYPE html><html><head><meta charset="utf-8"><style>button {background-color:#0f0;}</style></head><body><button id="button"> 按钮 </button><input type="text"><...

js文件包含的几种方式介绍

2017年02月06日 13 阅读

1. 页面中直接引用复制代码代码如下:<script src="a.js"></script><script src="b.js"></script>2.动态写入页面复制代码代码如下:document.write（"<script src="a.js"></script>"）document.write（"<script src="b.js"></script&g...

jQuery固定浮动侧边栏实现思路及代码

2017年02月06日 12 阅读

这个功能现在应用的非常普遍，如果页面比较高，当滚动条拖到页面的下面的时候，侧边栏会出现一个固定跟随浏览器的DIV框，现思路是这样的：首先获取需要跟随的DIV距离页面顶部的距离，然后判断，当浏览器滚动的距离大于该DIV本身距离顶部距离的时候，则添加CSS属性fixed即可。代码如下HTML代码：<div id="header">header</div><div id="sidebarWrap"><div id="si...

Javascript中封装window.open解决不兼容问题

2017年02月06日 13 阅读

对window.open进行封装, 使其更好用, 且更兼容, 很多人说window.open不兼容,其实不是, 因为不能直接执行, 必须通过用户手动触发才行;看代码:代码如下var openWindow = function（url, options） {var str = "";if （options） {options.height = options.height || 420;options.width = options.width || 550...

排序算法的javascript实现与讲解（99js手记）

2017年02月06日 12 阅读

冒泡排序冒泡的原理是让最大元素或者最小元素”浮起来“插入排序，选择排序，快速排序，冒泡排序都是比较排序思路依次比较相邻的两个数，将小数放在前面，大数放在后面。step1：比较第1个和第2个数，将小数放前，大数放后。比较第2个数和第3个数，将小数放前，大数放后，如此继续，直至比较最后两个数，将小数放前，大数放后。step2：在第二趟：仍从第一对数开始比较（因为可能由于第2个数和第3个数的交换，使得第1个数不再小于第2个数），将小数放前，大数放后，一直比较到倒...

浏览器缩放检测的js代码

2017年02月06日 13 阅读

测试代码http://jsbin.com/dipijeqi/11效果：chrome复制代码代码如下:window.devicePixelRatio : 2 （准确）screen.deviceXDPI / screen.logicalXDPI : NaNwindow.outerWidth / window.innerWidth : 2document.documentElement.offsetHeight / window.innerHeight : 0...

Internet Explorer 11 浏览器介绍：别叫我IE

2017年02月06日 15 阅读

在上个星期，微软随Windows 8.1正式推出了Internet Explorer 11的第一次预览版。这样，关于这款备受争议的web浏览器泄露版本的各种传闻也该休息了。我们现在已经知道一些关于Internet Explorer 11的重要的细节，包括支持WebGL ，prefetch（译者注：预读取，比如上传文件的预览啥的，不知道翻译的对不对），prerender（预呈现）， flexbox，mutation observers和其他web标准，也许在...

js获取元素相对窗口位置的实现代码

2017年02月06日 12 阅读

JS获取元素的offsetTop,offsetLeft等属性obj.clientWidth //获取元素的宽度obj.clientHeight //元素的高度obj.offsetLeft //元素相对于父元素的leftobj.offsetTop //元素相对于父元素的topobj.offsetWidth //元素的宽度obj.offsetHeight //元素的高度区别：clientWidth = width + paddingclientHeight =...

Javascript获取CSS伪元素属性的实现代码

2017年02月06日 12 阅读

CSS伪元素非常强大，它经常被用来创建CSS三角形提示，使用CSS伪元素可以实现一些简单的效果但又不需要增加额外的HTML标签。有一点就是Javascript无法获取到这些CSS属性值，但现在有一种方法可以获取到：看看下面的CSS代码：.element:before {content: "NEW";color: rgb（255, 0, 0）;}.element:before {content: "NEW";color: rgb（255, 0, 0）;}为了...

使用phantomjs进行网页抓取的实现代码

2017年02月06日 12 阅读

phantomjs因为是无头浏览器可以跑js，所以同样可以跑dom节点，用来进行网页抓取是再好不过了。比如我们要批量抓取网页 “历史上的今天” 的内容。网站对dom结构的观察发现，我们只需要取到 .list li a的title值即可。因此我们利用高级选择器构建dom片段var d= ""var c = document.querySelectorAll（".list li a"）var l = c.length;for（var i =0;i<l;i...

Javascript表单验证要注意的事项

2017年02月06日 12 阅读

Javascript表单编程：一.表单元素的查找方式:1.var oForm=document.getElementById（"Form1"）;2.var oForm=document.forms[Form1]//通过name查找；二.表单字段的共同特点：disabled：该属性用于指示一个表单控件是否可用；form属性：该属性返回包含字段的表单；blur（）:该方法导致表单字段失去焦点；focus（）：该方法导致表单字段获得焦点；blur事件:当表单字段...

Javascript基础知识（一）核心基础语法与事件模型

2017年02月06日 15 阅读

一.Javascript核心基础语法1.Javascript是一门增加交互效果的编程语言，它最初由网景公司发明，最后提交给ECMA（欧洲计算机制造商协会）,ECMA将Javascript标准化，其命名为Javascript。2.Javascript是一门解释性语言，无需编译就可以直接在浏览器下运行。3.Javascript的用途？1.可以控制网页中所有元素，增加.删除.修改元素的属性。2.可以在html中放入动态文本。3.响应用户在使用网页时产生的事件。4...

Javascript基础知识（二）事件

2017年02月06日 12 阅读

Event对象：（event对象是window对象的属性，当事件发生时，同时产生event对象，事件结束，event对象消失）IE中:window.event;//获取对象DOM中：argument[0];//获取对象IE中Event对象常用的属性方法：1.clientX:事件发生时，鼠标指针在客户区（不包括工具栏，滚动条等）的X坐标；2.clientY：事件发生时，鼠标指针在客户区（不包括工具栏，滚动条等）的Y坐标；3.keyCode：对于keyCode...

Javascript基础知识（三）BOM，DOM总结

2017年02月06日 12 阅读

window对象：打开和关闭窗口：window.open（）三个参数：1.载入新窗口的页面的URL 2.新窗口的名字 3.特性字符串和说明是否用新载入的页面替换当前载入的页面的Boolean值。window.close（）系统对话框：1.alert（"hello world！"）;2.confirm（"Are you sure?"）;---选择3.prompt（"你的名字是说明？",""）;时间间隔setTimeout（"alert（"hello ...

JavaScript声明变量时为什么要加var关键字

2017年02月06日 12 阅读

在JavaScript中，var用来声明变量，但是这个语法并不严格要求，很多时修改，我们可以直接使用一个变量而不用var声明它。复制代码代码如下:var x = "XX"; y ="xxx"; 诸如此类。这有一个问题，比如说在代码中的某一行，我想使用的一个已声明的变量x，结果由于打字或者拼写错误，这个变量被写成y了，结果相当于“隐式”声明了一个变量y，在实际编程过程中，这种错误有时比较难以发现。当你在当前上下文内进行这种“隐式”声明时，JavaScri...

js监听鼠标事件控制textarea输入字符串的个数

2017年02月06日 12 阅读

【Html代码】<table><tr><td width="150">短信内容：</td><td><textarea name="message" cols="96" rows="5" onKeyDown="textCounter（message,remLen,65）;"onKeyUp="textCounter（message,remLen,65）;"></textarea>...

js+csss实现的一个带复选框的下拉框

2017年02月06日 12 阅读

效果图：css：<style type="text/css"> /* 带复选框的下拉框 */ ul li{ list-style: none; padding:0px; margin: 0px; } .select_checkBox{ border:0px solid red; position: relative; display:inline-block; } .chartQuota{ height:23px; float:left; di...

javascript在当前窗口关闭前检测窗口是否关闭

2017年02月06日 13 阅读

在当前窗口关闭前,检测当前窗口是否关闭<pre name="code" class="html"><pre name="code" class="html"><HTML><HEAD> <script Language="JavaScript"> window.onbeforeunload=function（event）{ alert（"222"）; //这里IE9会执行,CHROME不会执行 //...

js使用循环清空某个div中的input标签值

2017年02月06日 12 阅读

HTML页面<div class="col-xs-9" id="search_songs_a"> <table> <tbody> <tr> <th>钢琴曲名称：</th> <td><input type="text" name="info[gqq_name]" id="gqq_name" style="width:200px;"/></td> <...

javascript学习笔记（一）基础知识

2017年02月06日 12 阅读

基本概念javascript是一门解释型的语言，浏览器充当解释器。js执行引擎并不是一行一行的执行，而是一段一段的分析执行。延迟脚本HTML4.0.1中定义了defer属性，它的用途是表明脚本在执行时不会影响页面的构造。也就是说，脚本会延迟到整个页面都解析完毕后再执行。因此，在<script>元素中设置defer属性，相当于告诉浏览器立即下载，但延迟执行。在XHTML文档中，要把defer属性设置为defer=“defer"异步脚本html5...

首页 / 脚本样式 / JavaScript

javascript中bind函数的作用实例介绍

js文件包含的几种方式介绍

jQuery固定浮动侧边栏实现思路及代码

Javascript中封装window.open解决不兼容问题

排序算法的javascript实现与讲解（99js手记）

浏览器缩放检测的js代码

Internet Explorer 11 浏览器介绍：别叫我IE

js获取元素相对窗口位置的实现代码

Javascript获取CSS伪元素属性的实现代码

使用phantomjs进行网页抓取的实现代码

Javascript表单验证要注意的事项

Javascript基础知识（一）核心基础语法与事件模型

Javascript基础知识（二）事件

Javascript基础知识（三）BOM，DOM总结

JavaScript声明变量时为什么要加var关键字

js监听鼠标事件控制textarea输入字符串的个数

js+csss实现的一个带复选框的下拉框

javascript在当前窗口关闭前检测窗口是否关闭

js使用循环清空某个div中的input标签值

javascript学习笔记（一）基础知识