jsthisindex用法_js indexof()函數用法

Ⅰ javascript 中indexof 的用法

indexof函數的用法檢測一個字元串在另一個字元串中出現的位置

1、語法
字元串1.indexOf("字串2"[,索引n])
從索引n開始查找字元串2在字元串1中首次出現的下標，如果下標為-1，則表示字元串2在字元串1中不存在

2、示例
1）var str="hello world";

var ix=str.indexOf("l");

則ix=2,因為未指定第2個參數，則從下標為0處開始找，第一個l是第三個字元，但下標為2

2）var str="hello world";
var ix=str.indexOf("l",5);

則ix=9,因為指定了第2個參數，則從下標為5處開始找，即從空格出往後找起，第一個l出現的位置位於整個字元串的第10個字元，下標為9
3）var str="hello world";
var ix=str.indexOf("lx");

則ix=-1，因為未指定第2個參數，則從下標為0處開始找，沒找到，則返回-1
4）var str="hello world";
var ix=str.indexOf("ll",5);

則ix=-1，因為指定了第2個參數，則從下標為5處開始找，沒找到，則返回-1

Ⅱ 我不理解js中this的詳細用法，誰可以幫我詳細回答一下。

在面向對象編程語言中，對於this關鍵字我們是非常熟悉的。比如C++、C#和Java等都提供了這個關鍵字，雖然在開始學習的時候覺得比較難，但只要理解了，用起來是非常方便和意義確定的。JavaScript也提供了這個this關鍵字，不過用起來就比經典OO語言中要"混亂"的多了。

下面就來看看，在JavaScript中各種this的使用方法有什麼混亂之處？

1、在HTML元素事件屬性中inline方式使用this關鍵字：
<div onclick="
// 可以在裡面使用this

">division element</div>
<div onclick="
// 可以在裡面使用this

">division element</div>
我們一般比較常用的方法是在此使用：javascirpt: EventHandler(this)，這樣的形式。不過這里其實可以寫任何合法的JavaScript語句，要是高興在此定義個類也可以(不過將會是個內部類)。這里的原理是腳本引擎生成了一個div實例對象的匿名成員方法，而onclick指向這個方法。

2、用DOM方式在事件處理函數中使用this關鍵字：
<div id="elmtDiv">division element</div>
<mce:script language="javascript"></mce:script>
<div id="elmtDiv">division element</div>
<mce:script language="javascript"></mce:script>
這時的EventHandler()方法中的this關鍵字，指示的對象是IE的window對象。這是因為EventHandler只是一個普通的函數，對於attachEvent後，腳本引擎對它的調用和div對象本身沒有任何的關系。同時你可以再看看EventHandler的caller屬性，它是等於null的。如果我們要在這個方法中獲得div對象引用，應該使用：this.event.srcElement。

3、用DHTML方式在事件處理函數中使用this關鍵字：
<div id="elmtDiv">division element</div>
lt;mce:script language="javascript"></mce:script>
<div id="elmtDiv">division element</div>
<mce:script language="javascript"></mce:script>
這里的this關鍵字指示的內容是div元素對象實例，在腳本中使用DHTML方式直接為div.onclick賦值一個EventHandler的方法，等於為div對象實例添加一個成員方法。這種方式和第一種方法的區別是，第一種方法是使用HTML方式，而這里是DHTML方式，後者腳本解析引擎不會再生成匿名方法。

4、類定義中使用this關鍵字：
function JSClass()
{
var myName = 'jsclass';
this.m_Name = 'JSClass';
}

JSClass.prototype.ToString = function()
{
alert(myName + ', ' + this.m_Name);
};

var jc = new JSClass();
jc.ToString();
function JSClass()
{
var myName = 'jsclass';
this.m_Name = 'JSClass';
}

JSClass.prototype.ToString = function()
{
alert(myName + ', ' + this.m_Name);
};

var jc = new JSClass();
jc.ToString();
這是JavaScript模擬類定義中對this的使用，這個和其它的OO語言中的情況非常的相識。但是這里要求成員屬性和方法必須使用this關鍵字來引用，運行上面的程序會被告知myName未定義。

5、為腳本引擎內部對象添加原形方法中的this關鍵字：
function.prototype.GetName = function()
{
var fnName = this.toString();
fnName = fnName.substr(0, fnName.indexOf('('));
fnName = fnName.replace(/^function/, '');
return fnName.replace(/(^\s+)|(\s+$)/g, '');
}
function foo(){}
alert(foo.GetName());
function.prototype.GetName = function()
{
var fnName = this.toString();
fnName = fnName.substr(0, fnName.indexOf('('));
fnName = fnName.replace(/^function/, '');
return fnName.replace(/(^\s+)|(\s+$)/g, '');
}
function foo(){}
alert(foo.GetName());
這里的this指代的是被添加原形的類的實例，和4中類定義有些相似，沒有什麼太特別的地方。

6、結合2&4，說一個比較迷惑的this關鍵字使用：
view plain to clipboardprint?
function JSClass()
{
this.m_Text = 'division element';
this.m_Element = document.createElement('DIV');
this.m_Element.innerHTML = this.m_Text;

this.m_Element.attachEvent('onclick', this.ToString);
}

JSClass.prototype.Render = function()
{
document.body.appendChild(this.m_Element);
}

JSClass.prototype.ToString = function()
{
alert(this.m_Text);
};

var jc = new JSClass();
jc.Render();
jc.ToString();
function JSClass()
{
this.m_Text = 'division element';
this.m_Element = document.createElement('DIV');
this.m_Element.innerHTML = this.m_Text;

this.m_Element.attachEvent('onclick', this.ToString);
}

JSClass.prototype.Render = function()
{
document.body.appendChild(this.m_Element);
}

JSClass.prototype.ToString = function()
{
alert(this.m_Text);
};

var jc = new JSClass();
jc.Render();
jc.ToString();
我就說說結果，頁面運行後會顯示："division element"，確定後點擊文字"division element"，將會顯示："undefined"。

7、CSS的expression表達式中使用this關鍵字：
<table width="100" height="100">
<tr>
<td>
<div style="width: expression(this.parentElement.width);
height: expression(this.parentElement.height);">
division element</div>
</td>
</tr>
</table>
<table width="100" height="100">
<tr>
<td>
<div style="width: expression(this.parentElement.width);
height: expression(this.parentElement.height);">
division element</div>
</td>
</tr>
</table>

這里的this看作和1中的一樣就可以了，它也是指代div元素對象實例本身。

8、函數中的內部函數中使用this關鍵字：
view plain to clipboardprint?
function OuterFoo()
{
this.Name = 'Outer Name';

function InnerFoo()
{
var Name = 'Inner Name';
alert(Name + ', ' + this.Name);
}
return InnerFoo;
}
OuterFoo()();
function OuterFoo()
{
this.Name = 'Outer Name';

function InnerFoo()
{
var Name = 'Inner Name';
alert(Name + ', ' + this.Name);
}
return InnerFoo;
}
OuterFoo()();
運行結果顯示是："Inner Name, Outer Name"。按我們在2中的講解，這里的結果如果是"Inner Name, undefined"似乎更合理些吧？但是正確的結果確實是前者，這是由於JavaScript變數作用域的問題決定的，詳細了解推薦參看"原來JScript中的關鍵字'var'還是有文章的"一文及回復。

歸納起來，JavaScript中的this用法有以下3種（詳細用法參原文）：
1.在HTML元素事件屬性或 CSS的expression表達式中inline方式使用this關鍵字——對應原文的1、7
2.在事件處理函數中使用this關鍵字——對應原文的2、3
其中可分為兩種方式
(1)DOM方式——此種方式的結果是this指向窗口（window）對象
(2)DHTML方式——此種方式的結果是this指向div元素對象實例
3.在類定義中使用this關鍵字並在其內部函數或成員函數（主要是prototype產生）中使用——對應原文的4、5、8
需要說明的是，在函數也是個對象，因此需要區分變數定義和成員變數定義，如下：
view plain to clipboardprint?
var variableName; //變數定義
//作用域：函數定義范圍內
//使用方法：直接使用variableName
this.varName; //成員變數定義
//作用域：函數對象定義范圍內及其成員函數中
//使用方法：this.varName
var variableName; //變數定義
//作用域：函數定義范圍內
//使用方法：直接使用variableName
this.varName; //成員變數定義
//作用域：函數對象定義范圍內及其成員函數中
//使用方法：this.varName

以上歸納出的三類this的使用方法中，第一種比較容易理解，這里對原文中第6點提到的程序進行了測試和改進如下，以說明上述後兩種使用方法：

view plain to clipboardprint?
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Test "this"</title>
<mce:script type="text/javascript"></mce:script>
</head>
<body>
<mce:script type="text/javascript"></mce:script>
</body>
</html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Test "this"</title>
<mce:script type="text/javascript"></mce:script>
</head>
<body>
<mce:script type="text/javascript"></mce:script>
</body>
</html>

上面的代碼執行結果是：
頁面載入時，彈出對話框，輸出func member!
頁面上顯示
func variable!
new element
單擊func variable時，彈出對話框，顯示undefined
——因為這時toString函數里的this指針指向window
單擊new element時，彈出對話框顯示new element text!
——因為這時toString函數里的this指針指向div元素，而該元素已經定義了m_Text成員（this.newElement.m_Text = "new element text!"）

Ⅲ js中IndexOf()是干什麼用的呢怎麼用

它所查出來的是你給的母字元串(也就是str)中某一個字元的下標位置，比如第一個Hello在
Hello world中 Hello的第一個字元H在第一位，因為從0開始算的，所以輸出0。而第二個因為在Hello world中查找World（注意大小寫w），所以沒有，大小寫敏感的。所以返回-1，最後一個就不用解釋了，空格也佔用一個字元的位置

Ⅳ js this的使用問題

事件綁定：onclick="click_1(this)；"
functionclick_1(element){
varx=element.getAttribute('data-index');
console.log(x);
}

Ⅳ 想用js實現jquery中的index()函數的功能

你好！！

<script>
(n){
varel=[],
_el=document.getElementsByTagName('*');
for(vari=0;i<_el.length;i++){
if(_el[i].className==n){
el[el.length]=_el[i];
}
}
returnel;
}

functioninit(){
varpNode=getElementsByClassName('a'),
cNode=pNode[0].getElementsByTagName("DIV");
for(vari=0;i<cNode.length;i++){
cNode[i].index=i;
cNode[i].onclick=function(){
alert("thisindexofcNodeis:"+this.index);
}
}
}
init();
</script>

Ⅵ js中index函數的使用方法

還是很好用的就是獲取元素所在索引，舉一個例子
比如做選項卡的時候專
<a>1</a><a>2</a><a>3</a>這是3個菜單
底下有屬3個div
點擊第幾個a標簽出現第幾個div就可以用index了
$('a').click(function(){
var index=$('a').index(this);
$('div').eq(index),show();
})

Ⅶ js中index怎麼用比如：

防止閉包函抄數中無法正常獲取當前索引i，而衍生出的一個綁定在dom元素上的數據index

參考鏈接即可：

http://..com/question/1430246486433904859.html?fr=iks&word=%B1%D5%B0%FC+++yugi111&ie=gbk

Ⅷ javascript中.index的用法各位大蝦，幫忙看下，代碼如下：

這里的index是程序員自己給每個input增加的一個屬性，不是js本身的定義。
你這個代碼應該是有五個不同的按鈕，點擊後可以分別來切換一個div的width、height、backgound和display樣式。

Ⅸ js indexof()函數用法

<a href="http://www.163.com/">http://www.163.com/</a>
<a href="http://www..com/">http://www..com/</a>
<a href="http://www.sohu.com/">http://www.sohu.com/</a>
<a href="http://www.sina.com/">http://www.sina.com/</a>
<a href="http://localhost/">http://localhost/</a>
<br>
<a href="javascript:extractlinks()">點擊測試下含有WWW的鏈接？</a>
<script language="JavaScript1.2">

</script>

導航:首頁 > 編程語言 > jsthisindex用法

jsthisindex用法

與jsthisindex用法相關的資料

友情鏈接