郑州网建-前端开发

最近的文章列表

js实现存储HTML字符串示例: 我是搞PHP的，让我想起了<<<语法(heredoc和nowdoc)，那么就为他命名heredoc吧。
代码如下:

Function.prototype.heredoc = function(){
// 利用 function 的注释来存储字符串，而且无需转义。
var _str = this.toString(),
s_pos = _str.indexOf("/*")+2,
e_pos = _str.lastIndexOf("*/; 2014/6/11 Comments:js 字符串

项目中需要用到HTML5模糊图像，以前用GDI，GDI+中都有现成的组件来实现，HTML5中如何实现？
1.createImageData()
2.getImageData()
3.putImageData()
以上3个函数即可实现，用法和奥义，自己百度吧,我就不重复叙述了，没多大的意义。

以下是实现模糊算法的JS，其实还有种2B级算法就是分布矩阵，这样效率提高很多倍，不过效果很差，羽化的效果不强。
实现代码：

2014/6/11 Comments:算法图片模糊

解决js隐式全局变量造成的bug示例代码: 一段js代码遇到一个bug，由于中间的隐式全局变量造成的，
由于代码较多，通过谷歌浏览器的js调试器才找到问题所在，
话说本人的电脑无论如何都装不上fiefox,从去年开始尝试了多次，均以失败告终，
不过谷歌的调试也挺好用的。
简化代码如下：
代码如下:

$(function(){
var pageNo = 2;//这个参数是变化的
var pageSize = 10;
test();
paginate(pageNo,; 2014/6/11 Comments:js 隐式全局变量 Javascript Error

分析div失去焦点事件focus()实现思路: w3c定义如下：

blur事件: 当元素失去焦点时发生 blur 事件。

focus事件:focus() 方法用于赋予文本域焦点(也值让某些元素得到焦点事件)。

tabIndex属性:tabIndex 属性可设置或返回按钮的 tab 键控制次序。

我们都知道blur只是针对form表单控件的，而对于 span , div , li 之类的，则没办法触发它们的动作，现在我们只需要设置一个tabindex属性则可以触发它们的焦点事件了。

真实项目代码:
<span style="CURSOR: pointer" onclick="doCopy('code33237'); 2014/6/11 Comments:js 焦点

js分享Area 区域实现post提交数据的写法: 在mvc区域的里实现post 提交数据的js写法！
代码如下:

$("#btnSava").click(function () {
if ($("#text").val()=="") {
alert("请输入你要说的话！~！");
} else {
$.post("/control/action", { id: $("#text").val()}, function (data) {
if (data == 0) {
alert(; 2014/6/11 Comments:js post area

js选择输入框中的内容兼容IE及其它主流浏览器 getSelection: 选中输入框的内容，输入框先获取焦点。工作中遇到需要给输入框中选中的内容增加超链接
代码如下:

function addHref(des){
var selectedText="";
if(window.getSelection&&des != undefined){//兼容非IE浏览器，由于非IE浏览器需要给定操作的元素ID才可以获取输入元素中选中的内容，因此需要输入ID

var textField=document.getElementById(des);; 2014/6/11 Comments:js 选取内容

js使用document.defaultView.getComputedStyle()、currentStyle()方法获取CSS属性值: 在对网页进行调试的过程中，经常会用到js来获取元素的CSS样式，方法有很多很多，现在仅把我经常用的方法总结如下：

1. obj.style：这个方法只能JS只能获取写在html标签中的写在style属性中的值（style=”…”），而无法获取定义在<style type="text/css">里面的属性。
代码如下:; 2014/6/11 Comments:js getComputedStyle currentStyle CSS属性值

再用到 dialog弹出框时，不想要右上角的X 关闭功能，只是做个提示信息显示。

在网上找了一些资料。网上找了三种解决方案：【第一种是可用的。】

1、

代码如下:

$("#div1").dialog({

closeOnEscape:false,

open:function(event,ui){$(".ui-dialog-titlebar-close").hide();}

});

2014/6/11 Comments:jQuery dialog

javascirpt父窗口关闭时子窗口随之关闭完美解决方案: 最近，遇到一个权限管理的系统。由于权限管理的系统和本来的系统风格不一致，所有新打开一个窗口。问题就来了，admin注销之后，权限管理的窗口没有关闭。其他普通用户登录以后，仍然可以操作权限管理的窗口。

问题简化：admin注销的时候，或者main.html关闭的时候，打开的所有新窗口一起关闭。问题就解决了

直接看代码吧：
代码如下:; 2014/6/11 Comments:父窗口子窗口

一基础理解:

var e = document.getElementById("selectId");

e. options= new Option("文本","值") ;

//创建一个option对象,即在<select>标签中创建一个或多个<option value="值">文本</option>

//options是个数组,里面可以存放多个<option value="值">文本</option>这样的标签

2014/6/10 Comments:js select option