✍ 📁 🙈 🙉 🙊

string character position

String meta position 字串元位置,

<h3>indexOf() 字串尋找</h3>
<pre>stringObject.indexOf(searchvalue,fromIndex)
      字串尋找「由左至右尋找」將從頭到尾地檢索字串 stringObject，
      是否包含有 searchvalue。
      檢索開始的位置 fromIndex (沒有指定 fromIndex 時)。 
      如果找到一個 searchvalue ，轉回 searchvalue 所得位置。
  
    "0123456789ABCDEF".indexOf("456") = <script>document.write( "0123456789ABCDEF".indexOf("456")) </script>
    "0123456789ABCDEF".indexOf("456",2) = <script>document.write( "0123456789ABCDEF".indexOf("456",2)) </script>
    "0123456789ABCDEF".indexOf("456",8) = <script>document.write( "0123456789ABCDEF".indexOf("456",8)) </script>
    "0123456789ABCDEF".indexOf("AB") = <script>document.write( "0123456789ABCDEF".indexOf("AB")) </script>
    "0123456789ABCDEF".indexOf("939") = <script>document.write( "0123456789ABCDEF".indexOf("939")) </script>

</pre>

<h3>lastIndexOf() 字串反向尋找</h3>
  
<pre>stringObject.lastIndexOf(searchvalue,fromIndex)
      
      字串反向尋找「由右至左尋找」(反向)將從尾到頭地檢索字串，
      stringObject 看它是否含有子串 searchvalue。
      開始檢索的位置(左)在字串的 fromIndex 處或沒有指定則為字串的結尾。
      
   
    var TxT = "0123456789ABCDEF"
    TxT.lastIndexOf("456",15) = <script>document.write( TxT.lastIndexOf("456",15)) </script>
    TxT.lastIndexOf("456",2)  = <script>document.write( TxT.lastIndexOf("456",2)) </script>
    TxT.lastIndexOf("456",8)  = <script>document.write( TxT.lastIndexOf("456",8)) </script>
    TxT.lastIndexOf("AB")     = <script>document.write( TxT.lastIndexOf("AB")) </script>
    TxT.lastIndexOf("939")    = <script>document.write( TxT.lastIndexOf("939")) </script>

</pre>

<h3>startsWith() 判斷字符串是否以指定的子字符串開始</h3>
  
<pre>   string.startsWith(searchvalue, start)
      方法用於 檢測 searchvalue 是否是指定的子串開始。
      searchvalue : 要查找的字符串
      start : 查找的開始位置，默認為 0。

"hi Hello World".startsWith("hi")      =   <script>document.write( "hi Hello World".startsWith("hi") ) </script>
    "hi Hello World".startsWith("Hello")   =   <script>document.write( "hi Hello World".startsWith("Hello") ) </script>
    "hi Hello World".startsWith("World")   =   <script>document.write( "hi Hello World".startsWith("World") ) </script>
    "hi Hello World".startsWith("World",9) =   <script>document.write( "hi Hello World".startsWith("World",9) ) </script>
</pre>

<h3>endsWith() 判斷字符串是否以指定的子字符串結尾</h3>

<pre>   stringObject.endsWith(searchvalue, start)
        方法用於 檢測 searchvalue 是否是指定的子串結尾。
        searchvalue : 要查找的字符串
        start : 查找的開始位置，默認為 0。
      
    "hi Hello World".endsWith("hi")      =   <script>document.write( "hi Hello World".endsWith("hi") ) </script>
    "hi Hello World".endsWith("Hello")   =   <script>document.write( "hi Hello World".endsWith("Hello") ) </script>
    "hi Hello World".endsWith("World")   =   <script>document.write( "hi Hello World".endsWith("World") ) </script>
    "hi Hello World".endsWith("Hello",11) =   <script>document.write( "hi Hello World".endsWith("Hello",11) ) </script>

</pre>

<h3>test() 方法用於檢測一個字符串是否匹配某個模式</h3>

<pre>   RegExpObject.test(string)
     RegExpObject : 字符串是否全在。
     string : 要檢測的字符串。
          
    /hi/.test('hi Hello World')    =   <script>document.write( /hi/.test('hi Hello World') ) </script>
    /Hello/.test('hi Hello World') =   <script>document.write( /Hello/.test('hi Hello World') ) </script>
    /World/.test('hi Hello World') =   <script>document.write( /World/.test('hi Hello World') ) </script>
    /love/.test('hi Hello World')  =   <script>document.write( /love/.test('hi Hello World') ) </script>
    /r/.test('hi Hello World')     =   <script>document.write( /r/.test('hi Hello World') ) </script>
    /R/.test('hi Hello World')     =   <script>document.write( /R/.test('hi Hello World') ) </script>

</pre>

Edit

#html #網頁格式 #style #div #string test() 字串全在 #string indexOf() 字串尋找 #string lastIndexOf() 字串反向尋找() #string startsWith() 字串位置) #string search() 字串位置() #string endsWith() 字串位置 #script test() 字串全在 #script indexOf() 字串尋找 #script lastIndexOf() 字串反向尋找() #script startsWith() 字串位置) #script search() 字串位置() #script endsWith() 字串位置

string extract

string extraction 字串提取

<h3>substr() 提取字串中的幾個字</h3>
<pre>stringObject.substr(start, length)
        start : 是一個數字,位置從 0 開始,
                如果 start 是一個負數，從尾倒數。
       length : 總共要取出幾個字元，
                如果 length 大個字串 取到字串結尾。

var TxT = "0123456789ABCDEF"
    TxT.length = 16
    TxT.substr( 0)   = <script>document.write(TxT.substr(0)) </script>
    TxT.substr( 4)   = <script>document.write(TxT.substr(4)) </script>
    TxT.substr(-4)   = <script>document.write(TxT.substr(-4)) </script>
    TxT.substr(4,3)  = <script>document.write(TxT.substr(4,3)) </script>
    TxT.substr(4,30) = <script>document.write(TxT.substr(4,30)) </script>
    TxT.substr(-4,4) = <script>document.write(TxT.substr(-4,4)) </script>

</pre>

<h3>substring() 提取字串中兩個指定索引號之間的字元</h3>
<pre>stringObject.substring(start, index)
       start : 必需。一個非負的整數，開始位置。
       index : 可選。一個非負的整數，結束位置，如果省略該參數，
                那麼返回的子串會一直到字符串對象的結尾。

"0123456789ABCDEF".length = 16
    "0123456789ABCDEF".substring( 0)   = <script>document.write("0123456789ABCDEF".substring(0)) </script>
    "0123456789ABCDEF".substring( 4)   = <script>document.write("0123456789ABCDEF".substring(4)) </script>
    "0123456789ABCDEF".substring(-4)   = <script>document.write("0123456789ABCDEF".substring(-4)) </script>
    "0123456789ABCDEF".substring(4,6)  = <script>document.write("0123456789ABCDEF".substring(4,6)) </script>
    "0123456789ABCDEF".substring(4,30) = <script>document.write("0123456789ABCDEF".substring(4,30)) </script>
    "0123456789ABCDEF".substring(-4,4) = <script>document.write("0123456789ABCDEF".substring(-4,4)) </script>
</pre>

<h3>slice() 取得部份字串</h3>
<pre>stringObject.slice(start, end)
      start : 要取得部份字串的起始。如果是負數，
              則該參數規定的是從字串的尾部開始算起的位置。

end  : 接著要取得部份字串的結尾。若未指定此參數，
              則要提取的子串包括 start 到原字串結尾的字串。

var TxT = "0123456789ABCDEF"
    TxT.length = 16
    TxT.slice( 0)    = <script>document.write(TxT.slice(0)) </script>
    TxT.slice( 4)    = <script>document.write(TxT.slice(4)) </script>
    TxT.slice(-4)    = <script>document.write(TxT.slice(-4)) </script>
    TxT.slice(4,6)   = <script>document.write(TxT.slice(4,6)) </script>
    TxT.slice(4,30)  = <script>document.write(TxT.slice(4,30)) </script>
    TxT.slice(-6,-3) = <script>document.write(TxT.slice(-6,-3)) </script>
    TxT.slice(6,-3)  = <script>document.write(TxT.slice(6,-3)) </script>

</pre>

Edit

#html #網頁格式 #style #div #string extraction 字串提取 #substr() 提取字串中的幾個字 #substring() 提取字串中兩個指定索引號之間的字元 #slice() 取得部份字串 #script substr() #script substring() #script slice()

dialog window

自製彈出對話視窗 Self made dialogue window

<div id="DP">
<input type="button" onclick="MYalert('Self made dialogue window <br> 自製 彈出對話視窗')" value="Self made dialogue window 
 自製 彈出對話視窗" >

var newDiv = document.createElement("div");
newDiv.id="ckalerttxt" ; 
document.body.appendChild(newDiv) ; 
   ckalerttxt.style.position = "absolute";
   ckalerttxt.style.padding  = "20px";
   ckalerttxt.style.textAlign  = "center";
   ckalerttxt.style.backgroundColor ="rgba(255,255,240,0.6)" ;
   ckalerttxt.style.zIndex = "999";
   ckalerttxt.style.width  = "100%";
   ckalerttxt.style.left   = "0%" ;
   ckalerttxt.style.top    = "100px" ;
   ckalerttxt.innerHTML    =  xx  ;
   ckalerttxt.innerHTML   += "<br>" ;
   var tt = "<button type='button' onclick='Cclose()'>close</button>" ;
   ckalerttxt.innerHTML += tt ;

document.body.style.overflow="hidden";
}
</script>
</div>

<div id="PG"></div>
<script>
var txt = DP.innerHTML ;

txt = txt.replace( /</g ,"<<c>" )
txt = txt.replace( /;/g ,";<br>" )
txt = txt.replace( "//" ,"<br><br>" )
txt = txt.replace( /<<c>script>/ ,"<br><br><<c>script>" )

PG.innerHTML = "<br>" + txt ;

</script>

Edit

#html #網頁格式 #style #div #alert() #dialog window #對話框窗口

✍ 📁 🙈 🙉 🙊

window Resize

html 測試左入右出

html 測試上入下出

html 測試單入單出

html 測試左單右單

string character position

String meta position 字串元位置,

string extract

string extraction 字串提取

dialog window

自製彈出對話視窗 Self made dialogue window

window Resize

html 測試 左入右出

html 測試 上入下出

html 測試 單入單出

html 測試 左單右單

string character position

String meta position 字串元位置,

string extract

string extraction 字串提取

dialog window

自製 彈出對話視窗 Self made dialogue window

html 測試左入右出

html 測試上入下出

html 測試單入單出

html 測試左單右單

自製彈出對話視窗 Self made dialogue window