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

javascript实现youku的视频代码自适应宽度

2017年02月06日 12 阅读

由于是在网站编辑器里面编辑的内容，所以一直想通过CSS的方法来解决，可是找到的方式都有明显的缺陷，最终被迫采用脚本来控制列的高度，代码如下：复制代码代码如下:<divstyle="text-align: center;"><embedid="movie"src="http://player.youku.com/player.php/sid/XMjg4NzkzMjQ4/v.swf"allowfullscreen="true"quality...

js实现鼠标划过给div加透明度的方法

2017年02月06日 12 阅读

本文实例讲述了js实现鼠标划过给div加透明度的方法。分享给大家供大家参考。具体实现方法如下：<script language="javascript"><！-- Beginif （（navigator.appName.indexOf（"Microsoft"）+1）） {document.write（"<style type="text/css"> #div2 a img{ filter:alpha（opacity=100）}...

jquery 构造函数在表单提交过程中修改数据

2017年02月06日 12 阅读

先贴代码<script type="text/javascript">function appendText（）{var content = $（"#textarea"）.val（）;var new_content = content + "wap";$（"#textarea"）.attr（"value",new_content）;};</script>然后再在 form 表单进行提交时候<form onsubmit="app...

JS和css实现检测移动设备方向的变化并判断横竖屏幕

2017年02月06日 12 阅读

方法一：用触发手机的横屏和竖屏之间的切换的事件复制代码代码如下:window.addEventListener（"orientationchange", function（） {// 宣布新方向的数值alert（window.orientation）;}, false）;方法二：监听调整大小的改变复制代码代码如下:window.addEventListener（"resize", function（） {// 得到屏幕尺寸（内部/外部宽度，内部/外部...

手机开发必备技巧：javascript及CSS功能代码分享

2017年02月06日 12 阅读

1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个：复制代码代码如下:width - // viewport 的宽度（范围从200 到10,000，默认为980 像素）height - // viewport 的高度（范围从2...

js+cookies实现悬浮购物车的方法

2017年02月06日 13 阅读

本文实例讲述了js+cookies实现悬浮购物车的方法。分享给大家供大家参考。具体分析如下：在 “商品列表展示页”做上 “悬浮的”与“DataList”结合的 “无刷新购物车”，只需计算出总价，不必去单独页面结算。找了些资料修改了一下，整理示例如下：gwc.js文件如下：// JavaScript Document//计算单个小计 function EveryCount（） {var index=window.event.srcElement.parent...

JavaScript实现仿网易通行证表单验证

2017年02月06日 12 阅读

介绍一下表单验证，不错哦：如图CSS代码@charset "gb2312";/* CSS Document */body,dl,dt,dd,div,form {padding:0;margin:0;}#header,#main{width:650px;margin:0 auto;}.bg{background-image:url（../images/register_bg.gif）;background-repeat:no-repeat;width:6px...

JS+DIV实现鼠标划过切换层效果的方法

2017年02月06日 12 阅读

本文实例讲述了JS+DIV实现鼠标划过切换层效果的方法。分享给大家供大家参考。具体实现方法如下：<html><head><title>DIV层切换</title><script language="JavaScript" type="text/javascript"> /*********************************************功能:通用DIV切换函数参数:divI...

javascript自定义右键弹出菜单实现方法

2017年02月06日 12 阅读

本文实例讲述了javascript自定义右键弹出菜单实现方法。分享给大家供大家参考。具体实现方法如下：<head runat="server"><title>无标题页</title><script type="text/javascript">var oPopup = window.createPopup（）;function PopMenu（id）{ var oPopBody = oPopup.docume...

Javascript实现飞动广告效果的方法

2017年02月06日 15 阅读

本文实例讲述了Javascript实现飞动广告效果的方法。分享给大家供大家参考。具体实现方法如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><he...

Js和JQuery获取鼠标指针坐标的实现代码分享

2017年02月06日 12 阅读

<！DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><title>jqu...

JSON字符串和对象之间的转换详解

2017年02月06日 13 阅读

JSON（JavaScript Object Notation）是JavaScript编程语言的一个子集。正因JSON是JavaScript的一个子集，所以它可清晰的运用于此语言中。eval函数 JSON文本转换为对象为了将JSON文本转换为对象，可以使用eval函数。eval函数调用JavaScript编辑器。由于JSON是JavaScript的子集，因此编译器将正确的解析文本并产生对象结构。文本必须括在括号中避免产生JavaScript的语法歧义。v...

JS中字符串trim（）使用示例

2017年02月06日 12 阅读

示例一：<head><title>测试JS扩展方法</title><script type="text/javascript">// 合并多个空白为一个空白 String.prototype.ResetBlank = function（） {//对字符串扩展var regEx = /s+/g; return this.replace（regEx, " "）; }; window.onload = functi...

解析javascript中鼠标滚轮事件

2017年02月06日 12 阅读

所有的现代浏览器都支持鼠标滚轮，并且在用户滚动滚轮时触发时间。浏览器通常使用鼠标滚轮滚动或缩放文档，但可以通过取消mousewheel事件来阻止这些默认操作。有一些互用性问题影响滚轮事件，但是编写跨平台的代码依旧可以行。除了Firefox之外的所有浏览器都支持“mousewheel”事件，但Firefox使用“DOMMouseScroll”,而3级DOM事件规范草案建议使用事件名“wheel”替代“mousewheel”。document.body.onm...

javascript事件冒泡和事件捕获详解

2017年02月06日 12 阅读

事件冒泡和事件捕获分别由微软和网景公司提出，这两个概念都是为了解决页面中事件流（事件发生顺序）的问题。<div id="outer"><p id="inner">Click me！</p></div>上面的代码当中一个div元素当中有一个p子元素，如果两个元素都有一个click的处理函数，那么我们怎么才能知道哪一个函数会首先被触发呢？为了解决这个问题微软和网景提出了两种几乎完全相反的概念。事件冒泡微软提出了名...

浅谈javascript事件取消和阻止冒泡

2017年02月06日 12 阅读

取消默认操作w3c的方法是e.preventDefault（），IE则是使用e.returnValue = false;在支持addEventListener（）的浏览器中，也能通过调用时间对象的preventDefault（）方法取消时间的默认操作。不过，在IE9之前的IE中，可以通过设置事件对象的returnValue属性为false来达到同样的效果。下面的代码假设一个事件处理程序，它使用全部的三种取消技术：function cancelHandler...

javascript获取文档坐标和视口坐标

2017年02月06日 12 阅读

元素的位置是以像素度量的，向右代表X坐标的增加，向下代表Y坐标的增加，但是，有两个不同的点作为坐标系的原点：元素的X和Y坐标可以相对于文档的左上角或者相对于在职中显示文档的视口的左上角。在定级窗口和标签页中，”视口“只是实际显示文档内容的浏览器的一部分：它不包括浏览器的“外壳”（如菜单、工具条和标签页）。针对框架也中显示的文档，是口试定了框架页的<iframe>元素。无论在何种情况下，当讨论元素的位置是，必须弄清楚所使用的坐标是文档坐标还是视口...

javascript字符串与数组转换汇总

2017年02月06日 13 阅读

数组转字符串1.join（）方法var s= ["a", "d", "a", "f", "g", "f", "s", "g"];s.join（） //"a,d,a,f,g,f,s,g"s.join（" "） //"a d a f g f s g"s.join（""）; //adafgfsg字符串转数组1.call（）方法var str = "adafgfsg";var strArr = Array.prototype.slice.call（str,0...

JQuery选择器、过滤器大整理

2017年02月06日 12 阅读

经过一晚上的查找整理，终于整理出一套应该算最全面的JQuery选择过滤器的方法了。所有代码均经过测试。首先HTML代码复制代码代码如下:HTML Code<html><head><script type="text/javascript" src="JQuery/jquery-1.5.1.js"></script></head><body><form name="form1" ...

JavaScript事件委托实例分析

2017年02月06日 12 阅读

本文实例讲述了JavaScript事件委托用法。分享给大家供大家参考。具体如下：var addEvent = function （elem, eventType, func） { if （ elem.addEventListener ）addEvent = function （elem, eventType, func） { elem.addEventListener（eventType, func, false）;}; else if （ elem.at...

首页 / 脚本样式 / JavaScript

javascript实现youku的视频代码自适应宽度

js实现鼠标划过给div加透明度的方法

jquery 构造函数在表单提交过程中修改数据

JS和css实现检测移动设备方向的变化并判断横竖屏幕

手机开发必备技巧：javascript及CSS功能代码分享

js+cookies实现悬浮购物车的方法

JavaScript实现仿网易通行证表单验证

JS+DIV实现鼠标划过切换层效果的方法

javascript自定义右键弹出菜单实现方法

Javascript实现飞动广告效果的方法

Js和JQuery获取鼠标指针坐标的实现代码分享

JSON字符串和对象之间的转换详解

JS中字符串trim（）使用示例

解析javascript中鼠标滚轮事件

javascript事件冒泡和事件捕获详解

浅谈javascript事件取消和阻止冒泡

javascript获取文档坐标和视口坐标

javascript字符串与数组转换汇总

JQuery选择器、过滤器大整理

JavaScript事件委托实例分析