1.多行替换
s = s.replace(/\\s/gm,"");
2. js中数学函数
var d = Math.round(x / 20); // 四舍五入取整数
2.ajax取得返回结果,回调函数中的参数就是返回结果
$.ajax({
type: "POST",
url: url,
data: data,
dataType:
"xml",
success: function(xml
){ show(xml) }
});
3.数组的创建
var myArray = new Array(1,2,3,4,) //普通方式
var myArray =
new Array(20) //20个元素
var myArray = [1,2,3,4,5,6]
//数组直接量
在JS中是不能一次把所有的元素初始化为0的,是undefined
4.和位置有关的操作
A. 对事件的响应
要响应:
// 窗口大小的变化,如,最大化
$(window).resize( function() { /** do somethins**/})
// 页面上下的移动
$(window).scroll( function() {
var bodyTop = 0;
if (typeof window.pageYOffset != 'undefined') {
bodyTop = window.pageYOffset;
} else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') {
bodyTop = document.documentElement.scrollTop;
}
else if (typeof document.body != 'undefined') {
bodyTop = document.body.scrollTop;
}
/** do somethins**/})
// 鼠标在组件上的移动事件
$(window).mousemove( function(mouse) { var x = mouse.clientX; /** do somethins**/})
B. 对要定位的<div>要加的属性
$("div").css("position","absolute"); // 定位方式
$("div").css("top","20px"); // 定位到哪里
$("div").css("z-index","2000"); // 在页面的上面
C. 查找list中当前元素的索引位置
var i = rankObjs.index(this);
D. 一些效果(遮罩效果)
遮罩效果原理:
a. 创建一个<div>,大小是整个document大小
b. z-index属性变大(超过页面)
c. <div>背影是gray,并<div>有半透明效果
代码如下:
// shade class
function ShadeObject(){
//
}
// shade property
ShadeObject.container = "#discuss";
ShadeObject.shadeHtml = '<div id="shade" style="padding:0px;position:absolute;background-color:gray;margin:0px;"></div>';
ShadeObject.initFlag = false;
ShadeObject.shade = null;
ShadeObject.prototype.setContainer = function(container){
ShadeObject.container = container;
}
ShadeObject.init = function(container){
$(document).ready(function () {
$(ShadeObject.container).after(ShadeObject.shadeHtml);
var shade = $("#shade");
var windy = $(window).width();
var windx = $(document).height();
ShadeObject.shade = shade;
shade.css("filter","alpha(opacity=50)");
shade.css("-moz-opacity","0.5");
shade.css("opacity","0.5");
// size
shade.css("top","0px");
shade.css("left","0px");
shade.css("height",windx + "px");
shade.css("width",windy + "px");
});
}
ShadeObject.prototype.show = function(){
if(ShadeObject.initFlag == false){
ShadeObject.init();
ShadeObject.initFlag = true;
}
ShadeObject.shade.fadeIn("normal");
}
ShadeObject.prototype.hide = function(){
if(ShadeObject.initFlag == false){
ShadeObject.init();
ShadeObject.initFlag = true;
}
ShadeObject.shade.fadeOut("normal");
}
E. 对于对象,使用C++中的方法,最好有一个init()和destory()方法
分享到:
相关推荐
javascript工作总结
js操作数据库
信息技术工作总结,包含网点设备维护,机房维护等。对从事技术工作的人在写工作小结时有参考意见
一些常用的JavaScript代码,全是我工作中的总结
JavaScript是开发客户端的重要技术,他实现了前端的开发,减轻了服务器的工作量,大大的提升了系统的运行速度
五年前用Js写的俄罗斯小方块 刚刚修改了下使其支持Firefox和IE,其它浏览器还没有试(也因为当今不入流的浏览器太多啦,没办法). 主体就是用一个Table, 控制其每一个td的class来实现的。 地址:...
工作总结之java顶岗实习总结.docx
工作总结之java毕业实习总结.docx
在这近半年里自己也是在总结、审视中脚踏实地地完成好本职工作,现将这近半年的工作总结如下:思想方面:严格按照一个程序员应有的素养来约束自己,爱岗敬业,具有强烈的责
/***************************************************************************************** /* 为XiaoFeng.System添加一方法Scroll [2009-02-18] V 1.4.1 为Array添加一方法Index [2009-04-09] V 1.4.2 ...
前后台传值、后台跨域访问【get/post】、EL表达式、Interface开发、JS、前台解析json,后台解析json、极光推送、环信WebIm、第三方插件使用【echarts、Kindeditor、pagehelper】等软件开发工作中常见的解决办法。...
我们实习的时候,团队中各组员分别学习并总结的劳动成果,JavaScript基础教程第7版(人民邮电出版社),很全面的知识总结,现在我拿来,分享给想学习JavaScript的求知者,积分要的不多,也算是给我们劳动成果的一点...
java员工年度工作总结.docx
工作中遇到的一些问题,一些常见的web问题,包括css的js的等等
由于java的广泛被利用 所以javascript脚本语言也会应运而生 为了简化程序员的工作 把一些常用的javascript特效总结一下。
前端时间对公司已有项目JavaScript代码进行优化,本文的是对优化工作的一个总结,拿出来与大家分享。当然我的优化方式可能并不是最优的,或者说有些不对的地方,请指教。JavaScript优化总结分为以下几点优化前后对比...
1.1. IE6,IE7浏览器对JS的调试方式 2 1.1.1准备工作 2 1.1.2调试脚本步骤 3 1.1.3总结 4 1.2.IE8浏览器对JS的调试方法 4 1.2.1.准备工作 4 1.2.2调试脚本步骤 5 1.2.3总结 8 2对火狐进行调试 8 2.1安装Firebug 8 2.2...
从简单的语言基础到丰富的实际应用再到深入剖析语言本质的高级话题,字里行间包含着作者多年工作中对JavaScript实践乃至程序设计思想的深入思考和总结。本书揭开了JavaScript的面纱,绕过误解和虚幻的表象,引领你...
工作学习中的一些js总结小demo,做一个记录文档也许这些东西很基础,但我觉得基础很重要。基础决定了下限能有多高!BY ALEXLIN
从简单的语言基础到丰富的实际应用再到深入剖析语言本质的高级话题,字里行间包含着作者多年工作中对JavaScript实践乃至程序设计思想的深入思考和总结。本书揭开了JavaScript的面纱,绕过误解和虚幻的表象,引领你...