为什么会有跨域？表单提交不会有跨域，但为什么js的ajax请求就会有跨域？我们都知道是浏览器的同源策略导致的。那么为什么会有跨域什么是同源策略？同协议、同端口、同域名同源策略限制的对象Cookie、LocalStorage 和 IndexDB 无法读取。DOM 无法获得。AJAX 请求不能发送。解决canvas图片getImageData,toDataURL跨域问题为什...

以下内容不是新技术，是个人的一些整理，确实有借鉴其他闪文的地方，请原文作者谅解。　　前不久做网站时，用到导航栏这种东西，随便从脚本之家上搜了一种效果了事。具体情况是，导航栏父级菜单没有链接功能，鼠标移上去显示子菜单列表即可。于是我的脚本是这样修改的，如下：a href="javascript://">父级菜单/a>　　结果是这种写法在一些浏览器下不能到达预期效果(无跳转

New Document * {font-size:10.2pt;font-family:tahoma;line-height:150%;}.divContent{border:1px solid red;background-color:#FFD2D3;width:500px;word-break:break-all;m

省市县关联菜单body,select{font-size:9pt;font-family:Verdana;}a{color:red;text-decoration:none;}a:hover{text-decoration:underline;}function Dsy(){this.Items = {};}

代码1：表单中文本框的焦点的获取和移出用户名：密  码：var autoForm=document.getElementById('autoForm');autoForm.username.onfocus=function(){this.style.border='1px solid #287AE8'; }autoForm.username.onbl

1.按钮的id为btnzhuce==》 控制按钮为禁用：  $("#btnzhuce").attr({"disabled":"disabled"});==》控制按钮为可用 $("#btnzhuce").removeAttr("disabled");//将按钮可用2.function enableButton(flag) {    $("#btnTest"

function bankNews(ID)  { var images=document.getElementById("images"); var id=document.getElementById(ID); images.src=id.title;  }   /*function changeBgColor(link,No)  {var ul_node=doc

在asp.net开发中我们经常需要调用js代码，如果js写在asp.net中，一般是不会出现乱码的问题。因为他们具有相同的编码。如果需要引用外部的javascript代码就会有乱码的风险了。一般情况下Asp.net和Javascript的页面编码不是GB2312就是Utf-8 ，如果两者的编码不一致就会产生乱码。解决方法就是想两者的编码进行统一。由于一般情况下Asp.net接受发送请求的编码是Ut

提示信息框a{ color:#000; font-size:12px;text-decoration:none}a:hover{ color:#900; text-decoration:underline}body{background:;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startCo

//双击鼠标滚动屏幕的代码var currentpos,timer;function initialize(){timer=setInterval ("scrollwindow ()",30);}function sc(){clearInterval(timer);}function scrollwindow(){currentpos=documen

if(document.body.clientHeight > window.screen.height) { var _body = S.one('body'); S.one(_body.append('')); S.one(window).on('scroll',func

// var img = new Image();// img.src =$('.z_boder img').attr("src") ;// var w = img.width;// var h = img.height;// $(".jcarousel-list li").css("width",w);// $(".jcarousel-item").css("height",

使用场景移动端的开发过程中，免不了要判断横竖屏，然后在执行其他操作，比如分别加载不同样式，横屏显示某些内容，竖屏显示其他内容等等。如何判断移动设备提供了两个对象，一个属性，一个事件：window.orientation   属于window对象上一个属性；共有三个值 ：0为竖屏模式（portrait）,90为向左反转变为横屏模式（landscape），-90为向

本文参考《写给Web开发人员看的HTML5教程》其他滤镜可参考jacob Seidelin的Pixastic图像处理库(http://www.pixastic.com/lib),那里有超过30种javascript滤镜，均基于Mozilla的公开授权。//明度function grayLigtness(r,g,b,a){ var val=parseInt(

来源：http://www.tuicool.com/articles/aae2me这篇文章是对这一两年内几篇dom ready文章的汇总（文章的最后会标注参考文章），因为浏览器进化的关系，可能他们现在的行为与本文所谈到的一些行为不相符。我也并没有一一去验证，所以本文仅供参考，在具体开发中还是要以实践结果为准。当 onload 事件触发时，页面上所有的DOM，样式表，脚本，图片，

参考《javascript高级程序设计》，记录：var Person=function(){}; Person.prototype={ name:’aaa’, age:29, job:’web’, sayName:function(){ alert(‘job’); } } //将Person.prototype设置为等于一个新

1.typeof 可以用来获取一个变量是否存在，如 if(typeof a!=”undefined”){alert(“ok”)}，而不要去使用 if(a) 因为如果 a 不存在（未声明）则会出错，对于 Array,Null 等特殊对象使用 typeof 一律返回 object，这正是 typeof 的局限性2.var cc4=[1,2,3]; console.log(typeof cc4)

JS扩展方法与C#的扩展方法非常相似，也是可以链式调用的，也是通过对某个类的扩展写法来实现。这个东西非常好用，如果将预先写好的方法放到一个js里面引用的话，那么后面写js将非常有趣。　　下面给出一个例子：head> title>测试JS扩展方法title> script type="text/javascript"> // 合并多个空白为一个空白

//从大到小的排列方式 var arr=[1,2,4,456,7,67,3]; arr.sort(function(a,b){ return a-b; }); console.log(arr);//[1, 2, 3, 4, 7, 67, 456]//不区分大小写 仅排列字母从小到大的顺序var arr1=['B','a','b','A'];

ontouchstart实现手机触屏中的hover效果ontouchstart实现手机触屏中的hover效果最近一直都在做手机网站的项目，会经常遇到手机屏幕触摸无交互效果，今天在一篇文章中看到模拟网页端hover效果的例子拿出来和大家分享下，已经使用效果还不错，大家可以根据下面的案例学下： 一、css样式：.inner { width: 100%; he

$(window).load(function() { //获取div的宽度，设置div正方形  var width1=document.getElementById("div1").offsetWidth;  $("#div1").css("height",width1).find("img").show();//获取图片的真实宽高  var _w=parseInt($(wi

快速获取图片的宽高其实是为了预先做好排版样式布局做准备，通过快速获取图片宽高的方法比onload方法要节省很多时间，甚至一分钟以上都有可能，并且这种方法适用主流浏览器包括IE低版本浏览器。我们一步一步进入这个过程。一、简陋的获取图片方式1234567891011

等比例缩放图片function DrawImage(ImgD,iwidth,iheight){        //参数(图片,允许的宽度,允许的高度)        var image=new Image();        image.src=ImgD.src;        if(image.width>0 && image.height>0){

$(function() {            //全选            $("#checkAll").click(function() {                $("[name='items']:checkbox").attr("checked", true);            });            //反选

Onunload，onbeforeunload都是在刷新或关闭时调用，可以在脚本中通过 window.onunload来指定或者在里指定。区别在于onbeforeunload在onunload之前执行，它还可 以阻止onunload的执行。　　Onbeforeunload也是在页面刷新或关闭时调用，Onbeforeunload是正要去服务器读 取新的页面时调用，此时还没开始读取；而

JavaScript动态操作表格，添加，删除行、列及单元格，还可以指定从第几列到第几列合并，这是一个很有参考价值的JS适时控制表格的一个功能，含有丰富的注释，方便大家研究学习。js动态操作表格 function init(){       _table=document.getElementById("table");_table.border="1px";_t

一个美观的CSS网页搜索框，没其它的什么东西，主要是搜索框，觉得挺美观大方，于是拿出来奉献给大家，添加到你的网页里肯定效果不错。它的点击后提示消失的功能也很不错，鼠标只要点击一下搜索框，提示文字就不见了，鼠标移开后又回来了。美观的CSS搜索框.searchinput{border-right-width: 0px;padding-left: 3px;width: 168px

JavaScript全选与反选$(function(){//全选$("#CheckedAll").click(function(){//所有checkbox跟着全选的checkbox走。$('[name=items]:checkbox').attr("checked", this.checked );});$('[name=items]:checkbox').c

经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，或者按一个连接或按钮弹出，通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易，只要往该页面的HTML里加入几段Javascript代码即可实现。下面俺就带您剖析它的奥秘。【1、最基本的弹出窗口代码】其实代码非常简单

function lastname(){ //获取欲上传的文件路径var filepath = document.getElementById("file1").value; //为了避免转义反斜杠出问题，这里将对其进行转换var re = /(\\+)/g; var filename=filepath.replace(re,"#");//对路径字符串进行剪

以下是根据身份证号码编码规则，使用JS对其进行有效性验证代码IdCard-Validate.js代码如下: view plain/**  * 身份证15位编码规则：dddddd yymmdd xx p   * dddddd：地区码   * yymmdd: 出生年月日   * xx: 顺序类编码，无法确定   * p: 性别，奇数为男，

1.比较函数生成器：view plain/**  * 比较函数生成器  *   * @param iCol  *            数据行数  * @param sDataType  *            该行的数据类型  * @return  */  function  generateCompareTRs(iC

上传控件基础知识说明：上传控件（）用于在客户端浏览并上传文件，用户选取的路径可以由value属性获取，但value属性是只读的，不能通过javascript来赋值，这就使得不能通过value=""语句来清空它。很容易理解为什么只读，如果可以随意赋值的话，那么用户只要打开你的网页，你就可以随心所欲的上传他电脑上的文件了。 js 获取的值       function

概述jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript 库

表单验证提示效果body{ color:#666666; font-size:12px}h1{ font-size:20px;}input{ border:#999999 1px solid; background-color:#FFFFEE}.button2{ background-color:#FF9900; border-bottom:#E34A00 2px solid;

JS+CSS美化的漂亮Select列表框body{background:#CFDFEF;font:12px/150% "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;}#uboxstyle .select_box{width:100px;height:24px;}#macstyle .select_box{width:9

今天用到了一个 js验证 输入手机号的，但要有一个万能的 400 800 等座机 移动联通小灵通手机号的正则式： /^(1[3,5,8,7]{1}[\d]{9})|(((400)-(\d{3})-(\d{4}))|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{3,7,8})-(\d{4}|\d{3}|\d{2}|\d{1})

目前网页上使用的字体都是常见的几种，如’Lucida Grande’, Verdana, Arial, Sans-Serif,中文常见的有宋体。要想用比较个性的字体就比较麻烦了，因为你不能保证客户端是否支持这种字体，常用的方法是用photoshop把文字制作成图片。 为了让网页设计更加灵活，Google从2010年5月19日启动了网页在线字体服务，并一口气发布了十八字体族。但与 Monotyp

js获取url参数值index.htm?参数1=数值1&参数2=数值2&参数3=数据3&参数4=数值4&......静态html文件js读取url参数根据获取html的参数值控制html页面输出一、字符串分割分析法。　　这里是一个获取URL带QUESTRING参数的JAVASCRIPT客户端解决方案，相当于asp的request.querystring，PHP的$_

链接式：返回上一步">返回上一步按钮式： 直接跳转式：window.location.href=’http://www.ekesn.com‘;JS跳转页面参考代码第一种：  window.location.href="login.jsp?backurl="+window.location.href;  第二种：