前端设计 | 夏日博客

javascript中input中readonly和disabled区别

javascript中input中readonly和disabled区别，在开发中可能会常有用到，利用js动态改变input的属性。 Readonly和Disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下： Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，包括select, radio, checkbox, button等。但是表单元素在使用了disabled...

2016年01月27日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

javascript中escape解决过滤URL传值问题

javascript中escape解决过滤URL传值问题,有需要的朋友可参考一下。 escape解决过滤URL传值问题在利用ajax传值的时候，遇到特殊符号过滤问题，特殊符号测试 XML/HTML代码01.特殊符号测试哈：~!@#$&%^*()<>，你好吗？<script>alert("hello world");</script> 因为特殊字符里面有一个&符号，会被当作与data类型传多个传时的连接符号&一样,所以其后面的字符串会被当作参数值来传...

2016年01月27日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

javascript实时显示限制字符输入个数并给出提示

这种代码功能是当用户输入字符时我们会提示能输入多少个，还可以输入多少个字符，到达限制长度时会提示只能输入指定长度字符。 JS统计文本框字符串，并实时显示剩下字符数，效果如本博客评论字数限制效果，在这里共享一下，在上传文字作品的时候，我相信这会在用户体验上有一个不错的效果。代码比较简单: .<script language="JavaScript"> ...

2016年01月27日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

javascript include/import 动态加载js/css文件方法总结

在javascript中没有像php中可以使用include加载文件，这里我们需要自己定义一些方法，下面总结了关于javascript include/import 动态加载js/css文件方法有需要的同学可参考本文章。第一种:一般用在外部CSS文件中加载必须的文件,程序代码如下: @import url(style.css); 只能用在CSS文件中或者style标签中. 第二种:简单的在页面中加载一个外部CSS文件,程序代码如下: document.createStyleSheet(cssFile); 第...

2016年01月27日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

ie下png透明度各种方法总结

本文章总结了一些常的方法解决在ie浏览器下png透明度各种方法总结,有需要的朋友可参考本文章。 IE家族只有9以后的版本支持该属性；有童鞋可能对rgba的使用环境不大清楚，但肯定熟悉opacity属性。opacity实现了元素的alpha通道，如opacity:0.5表示50%的透明度，但opacity不止实现了元素的透明度，同时包括元素的子元素也有该透明度，比如如下代码: <div style="background:#000;opacity:0.5"&g...

2016年01月27日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

chrome，IE8,ie9中同步(sync)方式的ajax导致dom更新滞后解决方法

chrome，IE8,ie9中同步(sync)方式的ajax导致dom更新滞后解决,有需要的朋友可参考一下,当使用sync方式的ajax加载时会导致dom操作被挂起,有此问题的浏览器有chrome,IE8,9等,未详测. 举例,代码如下: dialog = new Dialog({}).open(); // sync方式的ajax $.ajax({ url: "some/url", a...

2016年01月27日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

解决ewebeditor编辑器不兼IE7/IE8/IE9/360浏览器方法

本文章介绍了关于解决ewebeditor编辑器不兼IE7/IE8/IE9浏览器方法,有需要的朋友可参考一下本文章,在eWebEditor的目录里找到Editor.js文件,有的可能在Include目录下,也有可能在js目录下,用记事本打开,在其中找到如下代码: if (element.YUSERONCLICK) { eval(element.YUSERONCLICK + "anonymous()"); } //改为: if (element.YU...

2016年01月27日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

Javascript Cannot call method ‘appendChild’ of null错误

调试过程中出现一个奇怪的错误：Uncaught TypeError: Cannot call method \'appendChild\' of null,看如下代码: <html> <head> <title>JS Practice</title> </head> <body> <script ...

2016年01月27日前端设计暂无评论喜欢 3 阅读 0 views 次阅读全文

javascript关联数组用法总结

本文章总结了关于javascript关联数组用法总结，有面要了解js关联数组的朋友可参考本文章。刚学JS的时候好像记得JS中是没有关联数组的，写PHP程序用关联数组习惯了，写JS的时候就比较别扭，今天在晚上找了些资料，说JS中是通过对象来实现关联数组的，一般程序中的数据类型有以下几种：第一种类型是scalar（标量)，一个单独的string或数字。第二种类型是sequence（序列)，若干个相关的数据按照一定顺序并...

2016年01月27日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

Ajax POST方式发送请求服务器接收不到数据问题解决办法

文章总结了关于Ajax POST方式发送请求服务器接收不到数据问题解决办法有需要学习的朋友可参考本文章。直接看源码,代码如下: <script language="javascript"> function setViewPoint() { var msg =""; //用于接收返回数据 //实例化Ajax &nbs...

2016年01月27日前端设计暂无评论喜欢 3 阅读 0 views 次阅读全文

javascript Window 对象详解介绍

javascript Window 对象详解介绍大家可参考一上。 Window 对象 Window 对象表示浏览器中打开的窗口，如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。 Window 对象集合 frames[] 返回窗口中所有命名的框架，该集合是 Window 对象的数组，每个 Window 对象在窗口中含有一个框架或，属性 frames.length 存放数组 frames[]...

2016年01月27日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

javascript Screen 对象详解介绍

javascript Screen 对象详解介绍大家可参考一下。 Screen 对象 Screen 对象包含有关客户端显示屏幕的信息，没有应用于 screen 对象的公开标准，不过所有浏览器都支持该对象，每个 Window 对象的 screen 属性都引用一个 Screen 对象 Screen 对象属性 availHeight声明了显示浏览器的屏幕的可用高度，以像素计，在 Windows 这样的操作系统中，这个可用高度不包括分配给半永久特性（如屏幕底部的任务栏）的垂直...

2016年01月27日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

javascript History 对象详解介绍

javascript History 对象详解介绍有需要学习的朋友可参考一下。 History 对象 History对象包含用户（在浏览器窗口中）访问过的 URL，History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问，没有应用于 History 对象的公开标准，不过所有浏览器都支持该对象 History 对象属性 length声明了浏览器历史列表中的元素数量语法:history.length; 实例:document.write(history.length); ...

2016年01月27日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

adobe永久序列号+免费序列号大全+安装方法+破解方法

adobe这个名字对于平面或者网页设计师来说肯定不陌生，从刚开始接触设计就接触了adobe的软件，比较大名鼎鼎的就是 ps 软件了，当然 ps 只是平面设计当中的一个软件罢了，当时刚开始学习平面设计的时候都有 Photoshop、Illustrator、coreldraw、PageMaker，后来 PageMaker 被indesign 给取代了，接着再学习网页的时候，接触了网页三剑客，Fireworks、Flash、Dreamweaver，刚开始的时候网页三剑客还不属于 ad...

2016年01月24日前端设计评论 116 条喜欢 10 阅读 0 views 次阅读全文

javascript Location 对象用法详解

javascript Location 对象用法详解有需要学习的朋友可参考一下。 Location 对象 Location 对象包含有关当前 URL 的信息，是 Window 对象的一个部分，可通过 window.location 属性来访问 Location 对象属性 href属性是一个可读可写的字符串，可设置或返回当前显示的文档的完整 URL，因此，我们可以通过为该属性设置新的 URL，使浏览器读取并显示新的 URL 的内容语法：location.href = URL; 实例：location....

2016年01月22日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

html中让表单不可修改方法总结

html中让表单不可修改方法总结有需要的朋友可参考一下。如使<input type="text" name="input1" value="中国"> 的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。方法1:onfocus=this.blur(),代码如下: <input type="text" name="input1" value="中国" onfocus=this.blur()> 方法2:readonly,代码如下: <input type="text" name="input1" value="中国" readonly> <i...

2016年01月21日前端设计评论 6 条喜欢 0 阅读 0 views 次阅读全文

javascript中计算日期加减程序代码

本文章总结了关于javascript中计算日期加减程序代码，有使用到日期加减代码的朋友可参考本文章来操作。实例,下面我总结了一下,写了一个js方法,主要解决,某个日期+多少月多少天=某个日期的问题,至于,某个日期-某个日期=多少天,代码如下: //解决IE下得到时间为NaN的情况 function parseISO8601(dateStringInRange) { var isoExp =&...

2016年01月21日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

javascript字符串的操作一些方法总结

今天整理了一下关于字符操作的一些方法,平时写起来经常忘记,这次整理一下,顺便复习一遍方便以后用: isFinite(123);//检测是否为数字（这里返回true） isNaN(123);//检测是不否为数字（这里返回false） 'hello world'.indexOf('a',2);//查找匹配字符的位置没有则返回-1，注后面可选参数从某个位置开始，从0开始例,代码如下: function countInstance...

2016年01月21日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文

jquery $.Ajax 火狐浏览器闪屏解决办法

本文章介绍了关于jquery的async:false $.Ajax 火狐浏览器闪屏解决办法 jquery的async:false,这个属性. 默认是true:异步,false:同步,代码如下: $.ajax({ type: "post", url: "path", &nb...

2016年01月21日前端设计暂无评论喜欢 1 阅读 0 views 次阅读全文

js表单点击提交按钮后变成灰色(防止用户重复提交数据)

表单点击提交按钮后变成灰色这种做法就是为了防止用户重复提交数据防，我们利用了form的一个属性disabled禁止按钮使用,代码如下: <input type="button" value="提交" onclick="javascript:{this.disabled=true;document.form1.submit();}"> 例子代码如下: <form name="form1" method="POST" action="https://www.xiariboke.net" target="...

2016年01月21日前端设计暂无评论喜欢 0 阅读 0 views 次阅读全文