网页实现拖拽,JavaScript拖拽原理的实现
实现拖拽的基本思路 拖拽的基本原理就是根据鼠标的移动来移动被拖拽的元素。鼠标的移动也就是x、y坐标的变化;元素的移动就是style.position的top和left的改变。当然,并不是任何时候移动鼠标都要造成元素的移动,而应该判断鼠标左键的状态是否为按下状态,是否是在可拖拽的元素上按下的。 根据以上的基本原理,我写出了下面的基本思路。感觉代码还是比较短的, view plain... [阅读全文]
三极管学习笔记,javascript学习笔记(三)
九、数组1.数组中的length属性表示数组的长度,数组的第一个元素的索引值是从0开始
2.Array对象 三种构造方法:
Array()
Array(4) //指定数组长度为4
Array(3.5,”afd”,3) 声明 var array = new Array();
sort()方法进行排序
十、window对象 方法1.alert() 只显示OK按钮 2.confirm(... [阅读全文]
javascript的预解析及相关 【转】
变量同样,以这两个小例子的错误对比提示开始。
alert(y1); //代码段1
var y1 = dddd;
alert(y2); //代码段2 // alert(typeof y2);
y2 = xxxxx;
先思考一下,为什么一个会提示 undefined , 一个却抛出变量未定义的错。。先看javascript的解析过程。
javascript在执行过程之前,会做一件事件“预解... [阅读全文]
javascript学习笔记(二)
/*笔记为自己学习时所记,理解上可能会有所偏差,若有错误或需要补充的还望留言,谢谢!*/六、函数1.函数定义格式
function 函数名 (参数列表) //可有参数也可无参数
{
程序代码
return 表达式;
}
调用有返回值的函数赋值
变量 = 函数名();
也可以在程序中直接使用返回的结果 : alert(“sum”+square(2,3));
2.全局变量 :定义在s... [阅读全文]
javascript学习笔记(一)
/*笔记为自己学习时所记,理解上可能会有所偏差,若有错误或需要补充的还望留言,谢谢!*/一、 javascript的简单实现1. script language=”javascript”
alert(new Date());
/script
2. script language=”javascript”
!--
var x=6;
alert(x);
--
/script
3.... [阅读全文]
超级作用域,JavaScript函数调用时的作用域链和调用对...
原链接:http://www.clore.net/forum/thread-9435-1-1.html
1、javascript解析器启动时就会初始化建立一个全局对象global object,这个全局对象就拥有了一些预定义的全局变量和全局方法,如Infinity, parseInt, Math,所有程序中定义的全局变量都是这个全局对象的属性。在客户端javascript中,Window就是这个... [阅读全文]
避孕套啥样,没有JavaScript,你的网页会是啥样?
尽管JavaScript是一门很简单的程序设计语言,但由于现在Web应用程序越来越多,JavaScript的地位也变得越来越重要。不过,在享受JavaScript和衍生的库的同时,你想过如果没有JavaScript,你现在的网页看起来是什么样子?
现在很多网站使用了JavaScript,它让交互响应更加灵敏,也增强了所谓的“用户体验”。尽管它是一门很简单的程序设计语言,但由于现在Web应用程序越... [阅读全文]
打开网页需要刷新,javascript刷新与打开页面
script type="text/javascript"!--
try { document.domain = "csdn.net"; } //document.doamian 用来得到当前网页的域名
catch (ex) { };
function reLoad()//判断浏览器后 刷新
{
var name = navigator.appName //返回浏览器的名称 var ... [阅读全文]
死亡空间2节点,javascript--节点(2)
html
head
script type="text/javascript"
window.onload=function (){
var header=document.getElementById("header"); alert(header);
// alert(header.getAttribute("class")) //在ie中不可用,要写className。在火狐中可... [阅读全文]
jquery,常见26个jquery使用技巧详解(比如禁止右键...
本文列出jquery一些应用小技巧,比如有禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于Jquery集合中、使DIV可点击、克隆对象、使元素居中、计算元素个数、使用Google主机上的Jquery类库、禁用Jquery效果、解决Jquery... [阅读全文]
jquery,jQuery+Ajax+Struts2.0 (一)[转]
(一)jQuery的基本用法:随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype、YUI、 jQuery、mootools、Bindows以及国内的JSVM框架等,jQuery是继prototype之后的又一个优秀的Javascript框架。它是由 John Resig 于 2006 年初创建的,它有助于简化 JavaScrip... [阅读全文]
javascript--DOM
html
head
script type="text/javascript"
window.onload=function(){
/*
var d=document.getElementById("h"); //通过id找到对应的标签 getElement
alert(d.tagName);
var t=document.getElementsByTagName("p"); ///... [阅读全文]
万年历,Javascript实现万年历
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title万年历/title
style language="text/css"
.css1{
background-color:"#2161da";
color:"#00ffff";
}
a:link { backgrou... [阅读全文]
JavaScript 注册事件代码
首先是最常规的方法: 程序代码 复制代码 代码如下:
p id="para" title="cssrain demo!" _disibledevent= script function test(){ alert("test"); } /script 当某一天,我们知道JavaScript要跟HTML结构实现分离后,就会改了一种写法: 程序代码 复制代码 代码如下:
p id... [阅读全文]
雕虫小技,雕虫无小技 JavaScript初学者的10个迷你...
在之前的编程语言排行榜中,我们曾介绍过转正在即的JavaScript语言,正如文章中阐明的那样,JavaScript不仅是最具活力的脚本语言,还是是最有用的编程语言之一。因为绝大多数的浏览器都和它兼容,你可以在这些浏览器中使用它。JavaScript被接受的相当快,因为它是如此的简单,而且使用范围相当广泛。许多程序员过去常常认为JavaScript是一门“玩具语言”,但是,AJAX进入市场后表现出... [阅读全文]
本地文件夹,javascript读取本地文件夹的文件---表示不
一、功能实现核心:FileSystemObject 对象 要在javascript中实现文件操作功能,主要就是依靠FileSystemobject对象。 二、FileSystemObject编程 使用FileSystemObject 对象进行编程很简单,一般要经过如下的步骤: 创建FileSystemObject对象、应用相关方法、访问对象相关属性 。 (一)创建FileSystemObject对... [阅读全文]
2ne1bom,javascript---BOM(1)
html
head
script type="text/javascript"
document.write("BOM");
window.document.write("bom"); ///这两种输出是一样的//javascript中任何一个全局函数或变量都似乎window的属性
window.onclick=function (){///居中显示的窗口
var l=(screen.... [阅读全文]
excel补零,javascript 补零
今天又学了一样:
javascript数字补零 http://www.cnblogs.com/s_liangchao1s/archive/2009/09/08/1562910.html
方法1:
function pad(num, n) {
var len = num.toString().length;
while(len n) {
num =0 + num;
len++;
}... [阅读全文]
函数对象,javascript--函数式与面向对象(5)
html
head
script type="text/javascript"
//instanceof / a instanceof 类型名称 // a是否是 某类型 var arr=[];
alert(arr instanceof Array); //true var obj={};
alert(obj instanceof Object); //true function f... [阅读全文]
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"
head
meta http-equiv="Content-Type"... [阅读全文]
28个社交小技巧,10个javascript的迷你小技巧
JavaScript语言,正如文章中阐明的那样,JavaScript不仅是最具活力的脚本语言,还是是最有用的编程语言之一。因为绝大多数的浏览器都和它兼容,你可以在这些浏览器中使用它。JavaScript被接受的相当快,因为它是如此的简单,而且使用范围相当广泛。许多程序员过去常常认为JavaScript是一门“玩具语言”,但是,AJAX进入市场后表现出了完全相反的一面,它让JavaScript展现出... [阅读全文]
jquery,一小段jQuery代码的分析与优化
刚回家,QQ群里就看到有人求助优化一段jQuery代码,简单看了一下,发现如果对jQuery这东西只停留在用的层面,而不知其具体实现的话,真的很容易用出问题来。这也是为什么近期我一直不怎么推崇用jQuery,这框架的API设定就有误导人们走上歧途之嫌。 $.fn.beautifyTable = function(options) { //定义默认配置项,再用options覆... [阅读全文]
详解JQuery上传插件Uploadify
Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示。不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示或下载。【源码示例下载】
官方下载
官方文档
官方演示
首先按下面的步骤来实现一个简单的上传功能。
1 创建Web项目,命名为JQueryUploadDemo,从官网上下载最新的版本解压后添... [阅读全文]
新年倒计时,javascript新年倒计时
2011年新年是02月02日
script language="javascript"
function $(id)
{
return document.getElementById(id);
}
function date()
{
var old=new Date();
var ns=new Date("02/02/2011");
//现在时间是
var year=old.... [阅读全文]
javascript---函数式与面向对象(4)
html
head
script type="text/javascript"
///构造函数A的prototype属性是一个对象
///这个对象具有的所有属性。A的实例也具有
///prototype必须在函数 实例化 之前
function demo(){
}
demo.prototype={
name:"yjh",
age:22, ///必须加逗号
getName:fu... [阅读全文]
通信达flash,Flash与JavaScript通信
最近在做项目的过程中需要flash与js之间的互相调用,查找资料flash与js的通信有三中方法。 1.getURL("javascript:jsFunctionName()"); getURL是flash的一个全局函数,作用是向浏览器发送一个请求。熟悉js的人一定知道,向浏览器 发送javascript:开头的请求,其实就是模拟了一个js的请求协议,浏览器会去在当前环境中找指 定的fun... [阅读全文]
javascript---函数式与面向对象(3)
html
head
script type="text/javascript"
//构造函数 javascript没有类的说法,所以构造函数也是函数本身
function demo(){ //没有参数的构造函数
this.name="yjh";
this.age=22;
}
var d=new demo(); //new 一个构造函数 返回一个对象 对象具有函数的属性和方法
//... [阅读全文]
jQuery 3D文字特效
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" html head meta http-equiv="Content-type" content="text/html; charset=utf-8" / titlejQu... [阅读全文]
调用css样式,javascript 调用css样式的代码
www.qcjnhb.com
CSS语法 (不区分大小写)Javascript语法 (区分大小写)borderborderborder-bottomborderBottomborder-bottom-colorborderBottomColorborder-bottom-styleborderBottomStyleborder-bottom-widthborderBottomWidthborde... [阅读全文]
javascript:history.go()和History.back()
转载自 glaiveLee
最终编辑 glaiveLee
input type=button value=刷新 _disibledevent= input type=button value=前进 _disibledevent= input type=button value=后退 _disibledevent= input type=button value=前进 _disibledeven... [阅读全文]