`
lwj0212
  • 浏览: 49646 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

常用JS方法

阅读更多
1、按比例缩放图片
ImgD:图片的Node
iwidth:缩放后的宽度
iheight:缩放后的高度
function DrawImage(ImgD,iwidth,iheight){ 
var flag=false; 
 var image=new Image(); 
 var iwidth = iwidth;  //定义允许图片宽度 
 var iheight = iheight;  //定义允许图片高度 
 image.src=ImgD.src; 
 if(image.width>0 && image.height>0){ 
 flag=true; 
 if(image.width/image.height>= iwidth/iheight){ 
  if(image.width>iwidth){   
  ImgD.width=iwidth; 
  ImgD.height=(image.height*iwidth)/image.width; 
  }else{ 
  ImgD.width=image.width;   
  ImgD.height=image.height; 
  } 
  } 
 else{ 
  if(image.height>iheight){   
  ImgD.height=iheight; 
  ImgD.width=(image.width*iheight)/image.height;   
  }else{ 
  ImgD.width=image.width;   
  ImgD.height=image.height; 
  }  
  } 
 } 
}  

2、删除空格
//删除左右两端的空格
function trim(str){
 return str.replace(/(^\s*)|(\s*$)/g, "");
}
//删除左边的空格
function ltrim(str){
 return str.replace(/(^\s*)/g,"");
}
//删除右边的空格
function rtrim(str){
 return str.replace(/(\s*$)/g,"");
}

3、删除回车符号
function trimEnter(str){
	return str.replace(/\n\r/gi,"");
}
注:2、3均是Js中正则表达式的应用。
js中的replace()方法只能够替换掉出现该字符的第一位置处,所以可使用正则表达式来实现。

4、检测checkbox是否选中及可选中个数
allow=0,则不限制选中的个数
function chkCheckbox(checkboxName,allow){
	var selectCount=0;
	var names=document.getElementsByName(checkboxName);
	for(var i=0;i<names.length;i++)
	{
		var box=names[i];
		if(box.type=='checkbox'){
			if(box.checked==true){
				selectCount++;
				}
		}
	}
	if(selectCount==0){
		alert("请选择记录!");
		return;
	}else{
		if(allow>0){
			if(selectCount>allow){
				alert("只允许选择"+allow+"条记录,请重新选择!");
				return;
			}
		}
	}
	return true;
}

5、弹出页面
function openWin(openUrl,width_1,height_1){
	var left_1=(screen.width-width_1)/2;
	var top_1=(screen.Height-height_1)/2;
	var paramcon="?";
	if(openUrl.indexOf("?")>0) paramcon="&";
	else paramcon="?";
	window.open(openUrl+paramcon+"random="+Math.random(),"newwindow","height="+height_1+", width="+width_1+", top="+top_1+", left="+left_1+", toolbar=mo,titlebar=yes, menubar=no, scrollbars=yes, resizable=yes,location=no, status=yes");
}
function openWinNo(openUrl,width_1,height_1){
	var left_1=(screen.width-width_1)/2;
	var top_1=(screen.Height-height_1)/2;
	var paramcon="?";
	if(openUrl.indexOf("?")>0) paramcon="&";
	else paramcon="?";
	window.open(openUrl+paramcon+"random="+Math.random(),"newwindow","height="+height_1+", width="+width_1+", top="+top_1+", left="+left_1+", toolbar=no,titlebar=no, menubar=no, scrollbars=yes, resizable=no,location=no, status=no");
}

注:window.open(url,target,attribute);window.open()有三个参数.
url:即页面地址。
target:弹出目标。如果2个弹出页面都写成"newwindow",则只会看到后弹出页面的内容。
attribute:弹出窗口属性。
在被弹出来的页面中可以用window.opener得到上一个页面的window对象,同时也可以使用window里的所有东西。
如上个页面有function setAllValue();则在被弹出来的页面中可以window.opener.setAllValue();
6、模式窗口
function getModalDialog(openUrl){
	var paramcon="?";
	if(openUrl.indexOf("?")>0) paramcon="&";
	else paramcon="?";
         var info=new Object();
         info.dataInfo="test";
	return window.showModalDialog(openUrl+paramcon+"random="+Math.random(),info,"dialogHeight: 380px; dialogWidth: 500px; edge: Raised; center: Yes; help: Yes; resizable: Yes; status: Yes;");
}

在打开来的页面中:
var oMyObject = window.dialogArguments;
可以使用oMyObject.dataInfo得到"test"字符串
window.parent.returnValue="test2";可以设置返回值。
注:showModalDialog(url,object,attribute)有3各参数
url:即要打开的网页地址,可以带参数。同样,url有长度限制,如需传递参数,可使用第二个参数。
object:传递给打开来的页面数据。如上例中的传递方法。
attribute:设置打开来的窗口属性。
模式窗口与window.open()不同。必须关闭模式窗口才能继续在本页面操作。
模式窗口有一定缓存,所以在url后边添加一个随机数。
分享到:
评论

相关推荐

    常用js方法封装

    在这个"常用js方法封装"的项目中,我们可以期待看到以下几类JavaScript方法的封装: 1. 链式操作:通过return this机制,实现方法之间的链式调用,如$.extend()在jQuery中就是这样实现的,可以连续设置多个属性或...

    项目开发常用的JS方法

    里面包含6个JS函数,有获取设备类型、获取url参数、格式化时间戳、复制到粘贴板、去除首位空格、获取cookie。可供学习使用

    javascript常用函数 javascript 常用库

    在JavaScript的常用库中,我们可以找到许多方便的公共方法,这些方法极大地提高了开发效率。 一、JavaScript常用函数 1. 数组操作函数 - `push()`: 向数组末尾添加一个或多个元素,并返回新长度。 - `pop()`: ...

    常用js方法

    大小写转换 字符串处理 日期格式 流处理 常用正则表达式 常用js

    常用Javascript方法与技巧

    在JavaScript编程中,掌握常用的方法和技巧是至关重要的。以下是一些核心知识点的详细说明: 1. **创建脚本块**:在HTML中,我们通常使用`&lt;script&gt;`标签来插入JavaScript代码。例如: ```html &lt;script language="...

    js常用技术,包括一些常用方法

    本资源包“JavaScript常用技术”包含了图片处理特效、文字特效以及一系列常用的JavaScript方法,是开发者学习和实践JavaScript技术的宝贵资料。 一、图片处理特效 在Web开发中,图片处理是不可或缺的一部分。...

    javascript常用对象及方法

    javascript常用对象及方法 javascript中有许多常用的对象和方法,了解这些对象和方法可以帮助我们更好地使用javascript。下面我们将详细介绍这些对象和方法。 一、窗口对象Window Window对象是javascript中的顶级...

    js常用方法(js常用鼠标事件和其对应的方法)

    JavaScript(简称JS)是一种轻量级的脚本语言,常用于...通过理解这些基本的JavaScript方法和事件,开发者可以创建丰富的交互式网页应用,提高用户体验。熟练掌握这些知识将有助于你在JavaScript编程中更加得心应手。

    Javascript中字符串相关常用的使用方法总结

    ### JavaScript中字符串相关常用的使用方法总结 #### 一、引言 JavaScript作为一种广泛使用的脚本语言,被大量应用于Web开发之中。其中,字符串处理是非常重要的一个方面,涉及到数据的读取、修改、拼接等操作。...

    js常用方法大全,比较详细

    本篇文章将详细探讨JS的常用方法,旨在为开发者提供一个全面的参考。 一、变量声明与类型转换 在JavaScript中,我们可以使用`var`, `let`, 和 `const` 关键字来声明变量。`var` 是老式的声明方式,具有变量提升...

    js常用方法总结

    总的来说,理解和熟练运用这些JavaScript方法和CSS定位属性,能够帮助开发者更好地控制网页元素的显示和交互,提升用户体验。在实际开发中,还需要结合其他技术如DOM操作、事件处理等,才能构建出功能丰富的Web应用...

    js大全,包括所有的js方法

    ### 常用JavaScript方法概述 #### 1. 字符串方法 字符串是JavaScript中最常用的数据类型之一。下面列举了一些常用的字符串方法: - **charAt()**:返回指定位置的字符。 - **indexOf() / lastIndexOf()**:返回...

    js常用属性方法

    ### JS常用属性与方法详解 JavaScript(简称JS)是一种广泛使用的、基于原型的脚本语言,主要用于网页开发,提供交互性和动态更新的能力。在JS中,掌握数组的属性和方法对于编写高效、灵活的代码至关重要。 #### ...

    js-常用方法列表

    根据提供的文件信息,本文将对JavaScript(简称JS)中的几个常用方法进行详细的解析与说明,主要包括获取好友列表、获取个人信息以及获取照片列表的功能实现。这些功能通常在社交应用开发中非常常见,通过JavaScript...

    归纳常用 js 方法,减少开发查找阻力

    能用就行

    js常用帮助方法集

    一个常用的js帮助类,里面有一些常用的js方法,可以直接引用,也可以把需要的方法复制到自己的js中

    javascript常用方法实例

    在这个“javascript常用方法实例”中,我们将会探讨一些JavaScript的核心概念和常用方法,以及它们在实际应用场景中的实例。 1. **DOM操作**:Document Object Model(DOM)是HTML和XML文档的结构化表示,...

    第11节 JavaScript数组常用方法及应用.rar

    第11节 JavaScript数组常用方法及应用.rar第11节 JavaScript数组常用方法及应用.rar第11节 JavaScript数组常用方法及应用.rar第11节 JavaScript数组常用方法及应用.rar第11节 JavaScript数组常用方法及应用.rar第11...

Global site tag (gtag.js) - Google Analytics