【备忘】JavaScript错误提示及解决!

1、

错误提示:Bad escaping of EOL. Use option multistr if needed.

解决方案:在代码前加入注释:/*jshint multistr: true */

参考:http://stackoverflow.com/questions/14054021

【备忘】文本框清除选择什么的

需求场景:

一个只读的input文本框,存在目的就是让用户复制其中的内容,,虽然可以用一键复制的插件,,但是对于文本框自身还是希望做些处理:

1、鼠标移入时候选中文本——onmouseover="this.select();"

2、点击文本框时候仍然保持选中状态——然而直接用onclick="this.select()" 时并不会看到直观的点击反馈←←至少我自己感觉略不爽——所以解决是加个延时onclick="that = this;setTimeout(function(){that.select()},150);"

【备忘】按钮倒计时效果

按钮点击后禁用5秒

$(".xnxf-btn").removeAttr("disabled"); //按钮禁用时刷新并不会恢复?
$(".xnxf-btn").click(function () {
    var t = 5;
    var tempHtml = $(".xnxf-btn").html();
    $(this).attr("disabled", "disabled");
    $(this).html(tempHtml + "(" + t + "s" + ")");
    var n = setInterval(function () {
            t -= 1;
            $(".xnxf-btn").html(tempHtml + "(" + t + "s" + ")");
            if (t == 0) {
                $(".xnxf-btn").removeAttr("disabled");
                $(".xnxf-btn").html(tempHtml);
                clearInterval(n);
            }
        }, 1000);
    // do sth
});

【备忘】一个和缓存有关的算法

在研究缓存失效时间时开的一个脑洞,,虽然不是很清楚有什么实用价值。。

var m;
var lastm;
var lastn;

for (var n = 0; n <= 50; n++) {
  if (!m) {
    m = n + 5;
    lastn = n - 1;
  }
  if (m <= n) {
    if (n !== 11 && n !== 12 && n !== 21) {
    // if (1 == 1) {
      fnLog([m - n, m, n, n - lastn, "do sm thin"]);
      lastm = m;
      m = n + n - lastn;
      lastn = n + n - lastm;
    } else {
      fnLog([m - n, m, n, n - lastn, "skip"]);
    }
  } else {
    fnLog([m - n, m, n, n - lastn]);
  }
}
// ----------------------------
function fnLog(n) {
  if (Object.prototype.toString.call(n) === '[object Array]') {
    a = n.join(" , ");
  }
  document.getElementById('debug').innerHTML += a + "<br />";
  console.log(a);
}

【备忘】JQuery闪烁效果

代码:

$.fn.flash = function (a) {
  // 切换可见状态(设定竟然不是变成透明,不过本例中没有影响)
  $(this).animate({
    opacity: 'toggle'
  }, 500, function () {
    // console.log($(this).css('display')),
    // 当前状态为不可见时自调用使其可见
    $(this).css('display') == 'none' && $(this).flash(0)
  }),
  a > 1 && $(this).flash(a - 1);
};
// 调用
$('#xn,.xf').flash(3);

然后,如果不考虑初始或最终的可见状态的话下边这样就可以:

【坑货笔记】原生JS改变元素样式&那些无法成章的思绪

关于【HTML DOM Style 对象】相关介绍及用法戳这个链接:

http://www.w3school.com.cn/jsref/dom_obj_style.asp

问题是第一次我找到的写法是这个样子的:

document.getElementById("xnxf-btn").style="background-position: center bottom;";

【备忘】JavaScript切换显示隐藏元素

实现目的:点击指定按钮时显示/隐藏另外一个元素,,同时按钮自身状态或内容也随之改变。。

<script type="text/javascript">
function Switch(switch_con,switch_btn){
  var Element = document.getElementById(switch_con);
  var flag = switch_btn;
  var curStyle=Element.style.display;
  if (curStyle != 'block') {
    newStyle = 'block';
    flag.innerHTML = '隐藏';
  }
  else {
    newStyle = 'none';
    flag.innerHTML = '显示';
  };
  Element.style.display = newStyle;
}
</script>

调用方式:<a id="btn" href="javascript:;" onclick="Switch('content',this)">显示</a>,第一个参数是要显示/隐藏的元素ID,第二个是Dom对象,,

【备忘】JavaScript随机数组排序什么的

写了两个为搞笑而生的插件,Z-Blog ASP版的回复可见和QQ客服:

http://app.zblogcn.com/?auth=80

今天决定弄个油猴子脚本实现随机设置价格。sort()函数什么的自行百度。。

var arr = [];
for (var i = 1; i < 6; i++)
{
  for (var j = 1; j < i + 1; j++) {
    arr.push(i);
  }
}
function randomsort(a, b) {
  return Math.random() > 0.5 ? - 1 : 1;
}
arr = arr.sort(randomsort);
document.getElementById('app_price') .value = arr[parseInt(15 * Math.random())];

相关文章:--【备忘】ASP数组随机排序--

ZeroClipboard复制文本到剪切板(兼容多浏览器)

准确来说是写入文本到剪切板??

Zero Clipboard的实现原理

Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上,这样其实点击的不是按钮而是 Flash ,这样将需要的内容传入Flash,再通过Flash的复制功能把传入的内容复制到剪贴板。

需要的文件

你需要ZeroClipboard.js和ZeroClipboard.swf这两个文件并将其放置在同一目路径下,下载地址:http://pan.baidu.com/s/1jHORR06 (包含演示文件),当然在使用时你还需要引入jQuery

【备忘】关于IE6和fixed什么的。。

好吧。。IE6什么的不需要多说了,,虽然有--用弹窗口广告加速Kill IE6?【广告慎入】--,然后弄这个Fixed就是为了显示广告。。嗯。。

首先是JS解决方案。。。目标元素需要设置:position:absolute

...

分享