㈠ 取出js方法传入的参数的值
<Script language="javascript">
function GetRequest() {
var url = location.search; //获取url中"?"符后的字串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for(var i = 0; i < strs.length; i ++) {
theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1]);
}
}
return theRequest;
}
</Script>
然后我们通过调用此函数获取对应参数值:
<Script language="javascript">
var Request = new Object();
Request = GetRequest();
var 参数1,参数2,参数3,参数N;
参数1 = Request[''参数1''];
参数2 = Request[''参数2''];
参数3 = Request[''参数3''];
参数N = Request[''参数N''];
</Script>
以此获取url串中所带的同名参数
二、正则分析法。
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
var r = window.location.search.substr(1).match(reg);
if (r!=null) return (r[2]); return null;
}
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));
其他参数获取介绍:
//设置或获取对象指定的文件名或路径。
alert(window.location.pathname);
//设置或获取整个 URL 为字符串。
alert(window.location.href);
//设置或获取与 URL 关联的端口号码。
alert(window.location.port);
//设置或获取 URL 的协议部分。
alert(window.location.protocol);
//设置或获取 href 属性中在井号“#”后面的分段。
alert(window.location.hash);
//设置或获取 location 或 URL 的 hostname 和 port 号码。
alert(window.location.host);
//设置或获取 href 属性中跟在问号后面的部分。
alert(window.location.search);
㈡ js中获取参数的方法
在页面A传值:
window.showModalDialog("ModalDialogFrame.aspx?Title=选择组织部门&PageUrl=ParentTreeView.aspx",window,"dialogWidth=380px;dialogHeight=650px;status=no;center=yes;");
在页面A传值:
window.showModalDialog("ModalDialogFrame.aspx?Title=选择组织部门&PageUrl=ParentTreeView.aspx",window,"dialogWidth=380px;dialogHeight=650px;status=no;center=yes;");viewplaintoclipboardprint?
在页面ModalDialogFrame.aspx:
functionGetQueryString(sProp)
{
varre=newRegExp("[&,?]"+sProp+"=([^\&]*)","i");
vara=re.exec(document.location.search);
if(a==null)
return"";
returna[1];
}
在页面ModalDialogFrame.aspx:
functionGetQueryString(sProp)
{
varre=newRegExp("[&,?]"+sProp+"=([^\&]*)","i");
vara=re.exec(document.location.search);
if(a==null)
return"";
returna[1];
}viewplaintoclipboardprint?
调用方法:
varurl=GetQueryString("PageUrl");//ParentTreeView.aspx
vartitle=GetQueryString("Title");//选择组织部门
㈢ js怎样获取调用回调函数的参数值
代码如下:
function a(callback){
alert('a');
callback.call(this);//或者是 callback(), callback.apply(this),看个人喜好
}
function b(){
alert('b');
}
//调用
a(b);
这样的结果是先弹出 'a',再弹出‘'。这样估计会有人问了“写这样的代码有什么意思呢?好像没太大的作用呢!”
是的,其实我也觉得这样写没啥意思,“如果调用一个函数就直接在函数里面调用它不就行了”。我这只是给大家写个小例子,做初步的理解。真正写代码的过程中很少用这样无参数的,因为在大部分场景中,我们要传递参数。来个带参数的:
复制代码 代码如下:
function c(callback){
alert('c');
callback.call(this,'d');
}
//调用
c(function(e){
alert(e);
});
这个调用看起来是不是似曾相识,这里e参数被赋值为'd',我们只是简单的赋值为字符窜,其实也可以赋值为对象。Jquery里面是不是也有个e参数,下面我们就来讲讲
Jquery里面的e参数是如何被回调赋值的。
Jquery框架我想大家不陌生了,出来了好久,开发的时候都在用,比较简单,api网上搜起来很方便,上手快。在Jquery框架下,我们有时候要获取事件中的一些参数,比如我要获取当前点击的坐标,点击的元素对象。这个需求在Jquery里面好办 :
复制代码 代码如下:
$("#id").bind('click',function(e){
//e.pageX ,e.pageY ,e.target.....各种数据
});
用起来倒是挺方便,其实这个e参数的赋值也是通过回调函数来实现的,这个参数是用回调参数给它赋予了一个对象值,仔细研究过JJquery源码的朋友应该发现了这一点。
还有Ajax里面 $.get('',{},function(data){}) data这个参数也是同样的原理。
我们来看看Jquery事件对象里面是怎么应用回调函数的。
为了方便,我简单的写了一下$相关的一些实现,之前写过“小谈Jquery”里面有比较接近框架实现的方法,我下面只是写一个简易的选择器。
复制代码 代码如下:
<div id="container" style="width:200px;height:200px;background-Color:green;">
< /div>
< script>
var _$=function (id)
{
this.element= document.getElementById(id);
}
_$.prototype={
bind:function(evt,callback)
{
var that=this;
if(document.addEventListener)
{
this.element.addEventListener(evt, function(e){
callback.call(this,that.standadize(e));
} ,false);
}
else if(document.attachEvent)
{
this.element.attachEvent('on'+evt,function(e){
callback.call(this,that.standadize(e));
});
}
else
this.element['on'+evt]=function(e){
callback.call(this,that.standadize(e));
};
},
standadize:function(e){
var evt=e||window.event;
var pageX,pageY,layerX,layerY;
//pageX 横坐标 pageY纵坐标 layerX点击处位于元素的横坐标 layerY点击处位于元素的纵坐标
if(evt.pageX)
{
pageX=evt.pageX;
pageY=evt.pageY;
}
else
{
pageX=document.body.scrollLeft+evt.clientX-document.body.clientLeft;
pageY=document.body.scrollTop+evt.clientY-document.body.clientLTop;
}
if(evt.layerX)
{
layerX=evt.layerX;
layerY=evt.layerY;
}
else
{
layerX=evt.offsetX;
layerXY=evt.offsetY;
}
return {
pageX:pageX,
pageY:pageY,
layerX:layerX,
layerY:layerY
}
}
}
window.$=function(id)
{
return new _$(id);
}
$('container').bind('click',function(e){
alert(e.pageX);
});
$('container1').bind('click',function(e){
alert(e.pageX);
});
< /script>
这段代码我们主要看standadize函数的实现,兼容性的代码,就不多说了,返回的是一个对象
复制代码 代码如下:
return {
pageX:pageX,
pageY:pageY,
layerX:layerX,
layerY:layerY
}
然后再看bind函数里面的代码 callback.call(this,that.standadize(e)),这段代码其实就是给e参数赋值了,是用callback回调实现的。
callback 函数被调用的时候传入的是匿名函数
复制代码 代码如下:
function(e){
}
而callback.call(this,that.standadize(e))相当于是执行了这么一段代码
复制代码 代码如下:
(function(e){
})(standadize(e))
这也是Jquery用回调函数比较经典的地方,e参数就是这么被赋值的,说了这些你们也大概有个了解了,以及怎么使用了。
回调在各种框架中应用的比较多,有时候自己写一些东西的时候也可以根据实际情况用用看。
㈣ 如何在JS文件中获取JS后面参数
这个获取参数的方法有多种,比如:url 传值(a.html?id=1),
窗体传值:
a.html:
function doopen(){
//打开一个子回窗体
var aa = window.showModalDialog("b.html","可以传到子窗口答的一个值","dialogHeight=200px;dialogWidth=300px");
//接收子窗体传过来的值
document.getElementById('temp').value = aa;
}
b.html:
//获取父窗体传过来的值
var aa = window.dialogArguments;
alert(aa);
function doClose(obj){
//返回值给父窗体
window.returnValue = obj.innerHTML;
//关闭本窗体
window.close();
或者,把值写到文档中。。。不考虑其他的,传值的方法有很多种