郑州网建-前端开发

最近的文章列表

js禁用Tab键并兼容Firefox和IE: 代码如下:

<script type="text/javascript">
document.onkeydown=function(e){
var isie = (document.all) ? true:false;
var key;
var ev;
if(isie){//IE浏览器
key = window.event.keyCode;
ev = window.event;
}else{//火狐浏览器; 2014/6/17 Comments:禁用Tab js 兼容浏览器

很多人都曾经这么使用Javascript

代码如下:

上面的代码，很方便使用，所有浏览器都支持

虽然我很早就看过一些书，说html，css，js分开来，比较容易维护，但是我贪图方面，还是经常这么写，不过我今天用火狐调试的时候发现，还是不要行内写了，因为这样很不安全，因为用火狐的firebug可以轻松让代码失效！

下面看一下为什么：

2014/6/16 Comments:js 行内js

分享原生js仿win8等待提示圆圈进度条: 一、序言

一直很中意win8等待提示圆圈进度条。win8刚出来那会，感觉好神奇!苦于当时没思路，没去研究。通过最近网上找找资料，终于给搞出来了！先上Demo,献丑了！预览请看：win8进度条。
二、简单介绍

原生javascript编写，需要理解js基于面向对象编程和圆形坐标计算！

实现原理：把每个圆点抽象成一个对象（ProgressBarWin8类型），将每个圆点对象存在数组中（progressArray），延迟执行每个圆点对象的run方法，至于圆点运行速度越来越快，是通过改变定时器延迟毫秒数实现的。; 2014/6/13 Comments:效果 js Win8.1 进度条

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 字符串

解决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属性值

一基础理解:

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