㈠ 取出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();
或者,把值寫到文檔中。。。不考慮其他的,傳值的方法有很多種