✍ 📁 🙈 🙉 🙊

a href

<t>window.location 當前頁面的地址 (URL)</t>
<br><br>
<div class="WR">
window.location.href 返回當前頁面的 href (URL) : <br>
<script>document.write( window.location.href ) </script> </div><br>

<div class="WR">
window.location.hostname 返回 web 主機的域名 : <br>
<script>document.write( window.location.hostname ) </script></div><br>

<div class="WR">
window.location.pathname 返回當前頁面的路徑或文件名 : <br>
<script>document.write( window.location.pathname ) </script></div><br>

<div class="WR">
window.location.protocol 返回使用的 web 協議（http: 或 https:） : <br>
<script>document.write( window.location.protocol ) </script></div><br>

<div class="WR">
window.location.port 返回使用的 顯示主機的端口號 : <br>
<script>document.write( window.location.port) </script></div><br>

window.location.assign   加載新文檔<br>
<button onclick="window.location.assign('https://html.ug5g.com/')">window.location.assign("https://html.ug5g.com/") </button>
<br><br>
<button onclick="window.open('http://www.google.com')">window.open('http://www.google.com') </button>
<br><br>
                  or
<br><br>
<div class="WR">
document.URL : <br>
<script>document.write( document.URL) </script></div>

table {font-size:20px;
       width: 100%;
       border: 1px solid;}

</style>

Edit

#html #style #script #javascript #css #a href # a:link #a:visited #a:hover #a:active #target #title #_self #_blank #_paren #_top #framename #超連結 #鏈接文檔

Array sort

<t> JavaScript Array sort() / reverse() 數組排序</t>
<pre><div id="DP"></pre>
</n>

Tx+='<br>Array = ["Banana", "Orange", "Apple", "Mango"]<br>';
Tx+="Array.sort() = " +Array.sort() + "<br>";
Tx+="Array.reverse() = " +Array.reverse() ;

Tx+= "\n\n\n   <t>數字 digital</t> ";

var numbers = [4, 2, 5, 1, 3];
Tx+="<br>var numbers = [4, 2, 5, 1, 3];" ;
Tx+="<br>numbers.sort(function(a, b) { return a - b;}); = " ; "<br>";
Tx+=numbers.sort(function(a, b) { return a - b;});

var numbers = [4, 2, 5, 1, 3];
Tx+="<br><br>var numbers = [4, 2, 5, 1, 3];" ;
Tx+="<br>numbers.sort(function(b , a) { return a - b;}); = " ; "<br>";
Tx+=numbers.sort(function(b, a) { return a - b;});

numbers = [45, 24, 57, 1, 73];
Tx+="<br><br>var numbers = [45, 24, 57, 1, 73];" ;
Tx+="<br>numbers.sort(function(a, b) { return a - b;}); = " ; "<br>";
Tx+=numbers.sort(function(a, b) { return a - b;});

DP.innerHTML=Tx;
</script>
  
<style>
pre,n {font-size:20px;}
t  {font-size:30px;color:blue;font-weight : bold; }
r  {color:red;}

table {font-size:20px;
       width: 100%;
       border: 1px solid;}

</style>

<pre><t> JavaScript Array sort() / reverse()數組排序</t>
<div id="DP"></div>
</pre>

Tx+="<pre>var Int = [ {It: 'mango' , Price: 14},\n"  ; 
Tx+="            {It: 'apple' , Price:  5},\n";  
Tx+="            {It: 'orange', Price:  8},\n";
Tx+="            {It: 'lemon' , Price:  7}, \n";
Tx+="            {It: 'litchi', Price: 35}  ];\n\n";
Tx+="Int = Int.sort(function(<r>a , b</r>){return a.Price > b.Price? -1 : 1;})\n"
var FruitA= Int.sort(function(a, b){return a.Price > b.Price? -1 : 1;});
for (var i = 0, l = FruitA.length; i < l; ++i) {
    Tx+=(FruitA[i].It+ ", " +
         FruitA[i].Price+ "<br/>"); }
Tx+="\n\n";
Tx+="Int = Int.sort(function(<r>b , a</r>){return a.Price > b.Price? -1 :  1;})\n"
var FruitB= Int.sort(function(b , a){return a.Price > b.Price? -1 : 1;});
for (var i = 0, l = FruitB.length; i < l; ++i) {
    Tx+=(FruitB[i].It+ ", " +
         FruitB[i].Price+ "<br/>"); }

DP.innerHTML=Tx;
</script>

table {font-size:20px;
       width: 100%;
       border: 1px solid;}

</style>

<t> JavaScript Array sort() / reverse() 數組排序</t>
<pre><div id="DP"></div>
sort by It :
Int.sort(function(a,b){return a.It< b.It? -1 : 1;})

sort by Origin:
Int.sort(function(a,b){return a.Origin< b.Origin? -1 : 1;})

sort by Price:
Int.sort(function(a,b){return a.Price< b.Price? -1 : 1;})
</pre>
<script>
function Ttt (x ){
var Int= [ {It: 'mango'  , Origin:'us'        , Price: 14.2}, 
           {It: 'apple'  , Origin:'hk'        , Price:  15.6},    
           {It: 'orange' , Origin:'China'     , Price:  8.5},
           {It: 'lemon'  , Origin:'Japan'     , Price:  7.3},
           {It: 'litchi' , Origin:'Australia' , Price: 35.9} ];

var Tb= '<table border="1"><tbody><tr>';
Tb+= '<th><button onclick="Ttt (1)" >sort by It</button>'    ;
Tb+= '<th><button onclick="Ttt (2)" >sort by Origin</button>'    ;
Tb+= '<th><button onclick="Ttt (3)" >sort by Price</button>' ;
Tb+= '</tr><tr>' ;

if(x==1){
Int=Int.sort(function(a,b){return a.It< b.It? -1 : 1;}) }

if(x==2){
Int=Int.sort(function(a,b){return a.Origin< b.Origin? -1 : 1;}) }

if(x==3){
Int=Int.sort(function(a,b){return a.Price< b.Price? -1 : 1;}) }

for(var i=0; i<Int.length ;i++){
Tb+='<td>' + Int[i].It + '</td>';
Tb+='<td>' + Int[i].Origin+ '</td>';
Tb+='<td>' + Int[i].Price+ '</td>';
Tb+='</tr><tr>' ;
}

Tb+= '</tbody></table> ';

DP.innerHTML =Tb;
}
Ttt(1);
</script>
  
<style>
pre,n ,button {font-size:20px;}
t  {font-size:30px;color:blue;font-weight : bold; }
r  {color:red;}

table {font-size:20px;
       width: 100%;
       border: 1px solid;}

</style>

Edit

#html #style #script #javascript #css #Array sort() #Array reverse() #reverse() #數組排序 #sort()

html select

<t><<?>select> dropdown menu 用來建立下拉式選單</t>
<pre> 讓使用者可以從一堆選項中選擇出一個或多個選項。
 <<?>select> 本身做為選單的容器，在裡面用 <<?>option> 標籤來建立個別選項。

<table class="dataintable">
<tbody><tr><tr><td colspan="2"><t>select</t> 標籤上可以用的屬性 attributes : </td></tr><tr>
<td>autofocus</td><td>規定在頁面加載後文本區域自動獲得焦點。</td></tr>

<tr><td>disabled</td><td>規定禁用該下拉列表。</td></tr>

<tr><td>form</td><td>規定文本區域所屬的一個或多個表單。</td></tr>

<tr><td>multiple</td><td>規定可選擇多個選項。</td></tr>

<tr><td>name</td><td>規定下拉列表的名稱。</td></tr>

<tr><td>required</td><td>規定文本區域是必填的。</td></tr>

<tr><td>size</td><td>規定下拉列表中可見選項的數目。</td></tr>
</tbody></table>

<table class="dataintable">
<tbody><tr><td colspan="2"><t>option</t> 標籤上可以用的屬性 attributes :</td></tr><tr>
<tr><td>value</td><td>定義送往服務器的選項值。</td></tr>

<td>disabled</td><td>規定此選項應在首次加載時被禁用。</td></tr>

<td>label</td><td>定義當使用 時所使用的標注。</td></tr>

<td>selected</td><td>規定選項（在首次顯示在列表中時）表現為選中狀態。</td>
</tr>

</tbody></table>

</pre>

table {font-size:20px;
       width: 100%;
       border: 1px solid;}

</style>

<t><<?>select> 用來建立下拉式選單 例子 </t>

<table width="95%" border="1" ><tbody>
<tr><th colspan="2" align="center">
第二項 <r>selected</r> 會默認選中。</th></tr></tr>
<td width="75%"><pre><<?>select>
   <<?>option value="A" >select 1<<?>/option>
   <<?>option value="B" <r>selected</r> >select 2<<?>/option>
   <<?>option value="C" >select 3<<?>/option>
   <<?>option value="D" >select 4<<?>/option>
 <<?>/select></pre>
</td><td>
    <select>
       <option value="A">select 1</option>
       <option value="B" selected >select 2</option>
       <option value="C">select 3</option>
       <option value="D">select 4</option>
    </select>
</td></tr></tbody></table>

<table width="95%" border="1" ><tbody>
<tr><th colspan="2" align="center">
<r>multiple</r> 下拉列表中可進行多個選擇</th></tr>
<td width="75%"><pre><<?>select <r>multiple</r> >
   <<?>option value="A" >select 1<<?>/option>
   <<?>option value="B" >select 2<<?>/option>
   <<?>option value="C" >select 3<<?>/option>
   <<?>option value="D" >select 4<<?>/option>
 <<?>/select></pre>
</td><td>
    <select multiple >
       <option value="A" >select 1</option>
       <option value="B" >select 2</option>
       <option value="C" >select 3</option>
       <option value="D" >select 4</option>
    </select>
</td></tr></tbody></table>

<table width="95%" border="1" ><tbody>
<tr><th colspan="2" align="center">
<r>size</r> 用於指定下拉列表中的可見選項數。它的默認值為4。
</th></tr><tr>
<td width="75%"><pre><<?>select <r> size="2"</r> >
   <<?>option value="A" >select 1<<?>/option>
   <<?>option value="B" >select 2<<?>/option>
   <<?>option value="C" >select 3<<?>/option>
   <<?>option value="D" >select 4<<?>/option>
   <<?>option value="E" >select 5<<?>/option>
 <<?>/select></pre>
</td><td>
    <select size="2">
       <option value="A" >select 1</option>
       <option value="B" >select 2</option>
       <option value="C" >select 3</option>
       <option value="D" >select 4</option>
       <option value="E" >select 5</option>
    </select>
</td></tr></tbody></table>

<t><<?>select> 用來建立下拉式選單 例子 </t>

<table width="95%" border="1" ><tbody>
<tr><th colspan="2" align="center">
<r><<?>optgroup label="1 to 2"></r> 相關標簽</th></tr></tr>
<td width="75%"><pre><<?>select>
   <<?>option style="display:none;" >請選擇<<?>/option>
           <r><<?>optgroup label="1 to 2"></r>
   <<?>option value="A" >select 1<<?>/option>
   <<?>option value="B" >select 2<<?>/option>
           <r><<?>optgroup label="3 to 4"></r>
   <<?>option value="C" >select 3<<?>/option>
   <<?>option value="D" >select 4<<?>/option>
 <<?>/select></pre>
</td><td>
    <select>
       <option style="display:none;">請選擇</option>
           <optgroup label="1 to 2">
       <option value="A">select 1</option>
       <option value="B">select 2</option>
           <optgroup label="3 to 4">
       <option value="C">select 3</option>
       <option value="D">select 4</option>
    </select>
</td></tr></tbody></table>

<table width="95%" border="1" ><tbody>
<tr><th colspan="2" align="center">
<r>style="display:none"</r> option不能選擇</th></tr></tr>
<td width="75%"><pre><<?>select>
   <<?>option <r>style="display:none;"</r> >請選擇<<?>/option>
   <<?>option value="A" >select 1<<?>/option>
   <<?>option value="B" >select 2<<?>/option>
   <<?>option value="C" >select 3<<?>/option>
   <<?>option value="D" >select 4<<?>/option>
 <<?>/select></pre>
</td><td>
    <select>
       <option style="display:none;">請選擇</option>
       <option value="A">select 1</option>
       <option value="B">select 2</option>
       <option value="C">select 3</option>
       <option value="D">select 4</option>
    </select>
</td></tr></tbody></table>

<table width="95%" border="1" ><tbody>
<tr><th colspan="2" align="center">
<r>onchange="this.selectedIndex=0"</r> 擇後返回原位 </th></tr></tr>
<td width="75%"><pre><<?>select <r>onchange="this.selectedIndex=0"</r> >
   <<?>option style="display:none;" >請選擇<<?>/option>
   <<?>option value="A" >select 1<<?>/option>
   <<?>option value="B" >select 2<<?>/option>
   <<?>option value="C" >select 3<<?>/option>
   <<?>option value="D" >select 4<<?>/option>
 <<?>/select></pre>
</td><td>
    <select onchange="this.selectedIndex=0">
       <option style="display:none;">請選擇</option>
       <option value="A">select 1</option>
       <option value="B">select 2</option>
       <option value="C">select 3</option>
       <option value="D">select 4</option>
    </select>
</td></tr></tbody></table>

<div id="S1" onclick="DPcss(this)">
<label class="S1">
      <select  >
        <option>select 1</option>
        <option>Coffee</option>
        <option>Tea</option>
        <option>Juice</option>
        <optionCocktail</option>
      </select>
</label>
<style>
.S1 select { width: 140px; height: 35px;
             padding: 4px; color:indigo;
             font-size:20px; 
             border-radius: 4px;
             box-shadow: 2px 2px 8px #999;
             background: #eee;
             border: none;
             outline: none;
             display: inline-block;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            cursor: pointer;    }

.S1 select:hover {background: #efe;}
.S1 select Option { color:blue; font-size:18px; }
.S1  {  position: relative; }

.S1::after { content: '< >';
                  font-size:20px;
                  color: #666;
                  background: none;
                  -webkit-transform: rotate(90deg);
                  -moz-transform: rotate(90deg);
                  transform: rotate(90deg);
                  right: 8px;
                  top: -6px;
                  padding: 0 0 2px;
                  border-bottom: 1px solid #ddd;
                  position: absolute;
                  pointer-events: none; }

</style>
</div >

<div id="S2" onclick="DPcss(this)" >
<label class="S2">
     <select>
    <option value="0" style="display:none;" >select 2</option>
    <option value="1">January</option>
    <option value="2">February</option>
    <option value="3">March</option>
    <option value="4">April</option>
    <option value="5">May</option>
    <option value="6">June</option>
    <option value="7">July</option>
    <option value="8">August</option>
    <option value="9">September</option>
    <option value="10">October</option>
    <option value="11">November</option>
    <option value="12">December</option>
      </select>
</label>
<style>
.S2 select { width: 200px; height: 40px;
             padding: 4px; color: white;
             font-size:20px; 
             border-radius: 4px;
             box-shadow: 2px 2px 8px #999;
             background:  #2c3e50;
             border: none;
             outline: none;
             display: inline-block;
             -webkit-appearance: none;
             -moz-appearance: none;
             appearance: none;
             cursor: pointer;   }

.S2 select:hover {background: #2c5a60;}
.S2 select Option { color:blue; font-size:18px; }
.S2  { position: relative; }

.S2:after { content: '\25BC';
                  font-size:20px; 
                  color:sandybrown;
                  background: none;
                //-webkit-transform: rotate(90deg);
                //-moz-transform: rotate(90deg);
                //transform: rotate(90deg);
                   right: 8px;
                   top: -5px;
                 //padding: 0 0 2px;
                 //border-bottom: 1px solid #ddd;
                   position: absolute;
                   pointer-events: none; }

.S2 select Option { color:red; font-size:18px; }
</style>
</div >

<div id="S3" onclick="DPcss(this)" >
<label class="S3" >
     <select>
    <option value="0" style="display:none;" >select 3</option>
    <option value="1">January</option>
    <option value="2">February</option>
    <option value="3">March</option>
    <option value="4">April</option>
    <option value="5">May</option>
    <option value="6">June</option>
    <option value="7">July</option>
    <option value="8">August</option>
    <option value="9">September</option>
    <option value="10">October</option>
    <option value="11">November</option>
    <option value="12">December</option>
      </select>
</label>

.S3 select:hover {background: #D3D3D3;}
.S3 select Option { color:blue; font-size:18px; }
.S3    {  position: relative; }

.S3:after { content: '☝';
                  font-size:26px;
                  color: #666;
                  background: none;
                  -webkit-transform: rotate(-90deg);
                  -moz-transform: rotate(-90deg);
                  transform: rotate(-90deg);
                  right: 10px;
                  top: -10px;
                  padding: 0 0 2px;
                  border-bottom: 1px solid #ddd;
                  position: absolute;
                  pointer-events: none; }

</style>
</div >
</div>
<br>HTML CSS
  <div id="DP"></div>

function DPcss(x){
Textcss.value = x.innerHTML ;
//alert(x.innerHTML  )
}

DPcss(S1)

</script>

Edit

#html #style #script #javascript #html select #select #option #標簽 #autofocus #disabled #form #multiple #required #size #value #label #下拉式選單

Adding options to select

<table><tr><td>
select before:</td><td>
<input type="button" value="remove option"  onclick="beforeRemove ()">
</td><td>
<input type="button" value="add option"     onclick="beforeADD ()" >
</td></tr><tr><td>
select after:</td><td>
<input type="button" value="remove option"  onclick="afterRemove ()" >
</td><td>
<input type="button" value="add option"  onclick="afterADD ()" >
</table>

<div id="html">
<select id="selectID" multiple>
   <option value="1" >option 1</option>
   <option value="2" >option 2</option>
   <option value="3" >option 3</option>
   <option value="4" >option 4</option>
</select></div>

function beforeADD (){
 var opt = document.createElement('option');
     opt.value = (selectID[0].value-1) ;
     opt.text= "option  " + (selectID[0].value-1);
     selectID.add(opt,0);
     selectID.size=selectID.length; 
     DDP() }

function beforeRemove (){
 selectID.remove(0);
 selectID.size=selectID.length; 
 DDP()}

function afterRemove (){
 selectID.remove(selectID.length-1);
 selectID.size=selectID.length; 
 DDP()}

function afterADD (){
 var opt = document.createElement('option');
 var xx=selectID.length-1  ;
     opt.value =  parseFloat(selectID[xx].value)+1    ;
     opt.text  =  "option " + (parseFloat(selectID[xx].value)+1)  ;
     selectID.add(opt);
 selectID.size=selectID.length;
 DDP() }

function DDP(){
var i=0 , Tt="";
Tt += "<select> ";
for(i=0 ; i<selectID.length ; i++)
       {  Tt += "\n" + '  <option value="'  ;
           Tt += selectID[i].value + '" >' ; 
              Tt += selectID[i].text + '</option>' ; }

Tt += '\n</select>';
Textcss.innerHTML =Tt ;
 }
DDP();
</script>

Edit

#html #style #script #javascript #html select #select #option #標簽 #autofocus #disabled #form #multiple #required #size #value #label #下拉式選單 #add() #remove()

HTML button

<pre><t>HTML <<?>button> 表單按鈕</t>
  <<?>button>按鈕文字<<?>/button>  <button>按鈕文字</button>

<<?>input type="button" value="按鈕文字" > <input type="button" value="按鈕文字">

button   : 屬性  
  disabled : 不能夠動作的按鈕，僅能看不能按。
  name     : 按鈕的名稱
  type     : button（單純按鈕）、reset（清空表單）、submit（送出表單）
  value    : 按鈕文字、 按鈕的値

onclick="function ()" 
   onclick="{javascript}"
  
<</>input <r>onclick="alert('按我')"</r> type="button" value="按我" /> <input onclick="alert('按動')" type="button" value="按我" />

<</>button <r>onclick="alert('按我')"</r> > 按我 <</>/button> <button onclick="alert('按我')" > 按我 </button>

<</>button <r>onclick="alert('按我')"</r>><</>img src="url" /><</>/button><button onclick="alert('按我')" > <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8h9EfbSR8fPGNN1a7R-_zi3M6NJayt92j02qbZ4TY8MVoDEU_Y-pEiU03B6ya8jqxgh6D6XmVJ7isgHcE3VPORLiaor1u0QUCWkjtUdYDiuO__XQY1Xhu23fwIjTR9VzPKB_eJFxdWxpy/w40-h120-rw/"> </button>

<</>button style="background:url(圖片網址)" /></button><button style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8h9EfbSR8fPGNN1a7R-_zi3M6NJayt92j02qbZ4TY8MVoDEU_Y-pEiU03B6ya8jqxgh6D6XmVJ7isgHcE3VPORLiaor1u0QUCWkjtUdYDiuO__XQY1Xhu23fwIjTR9VzPKB_eJFxdWxpy/w40-h120-rw/); width:40px;height:25px" ></button>

</pre>

<t>CSS button</t>  <br>

<div id="DP1" >
<button id="B1"  onclick="Bcss(DP1)" title="B1">B1</button>
<style id="st1">
#B1{ height:50px ; width:50px ;
     font-size: 30px ;
     cursor: pointer ;
     color: #fff ;
     background-color: #4CAF50 ;
     border-radius: 50px ;
     box-shadow: 4px 4px #999 ;}

#B1:hover  { background-color: #3e8e41 ;}

#B1:active { background-color: #3e8e41 ;
             box-shadow: 1px 1px #666 ;
             transform: translate(4px,4px) ;}
</style>
</div>

<div id="DP2" >
<button id="B2"  onclick="Bcss(DP2)" title="B2">B2</button>
<style id="st2">
#B2 { height:50px; width:100px ;
      font-size: 30px ;
      cursor: pointer ;
      color: #fff ;
      background-color: #4CAF50;
      border-radius: 50px ;
      box-shadow: 4px 4px #999 ;}

#B2:hover  { background-color: #3e8e41 ;}

#B2:active { background-color: #3e8e41 ;
             box-shadow: 1px 1px #666 ;
             transform: translate(4px,4px) ;}

</style>
</div>

#B3:hover { background-color: gainsboro ;}

#B3:active { background-color: darkgray ;
             box-shadow: 1px 1px #666 ;
             transform: translate(4px,4px) ;}
</style>
</div>

<div id="DP4" >
<button id="B4"  onclick="Bcss(DP4)" title="B4">B4</button>
<style id="st4">
#B4 { height:20px ; width:50px ;
      font-size: 16px ;
      cursor: pointer ;
      color: black;
      background-color: lightgray ;
      border-radius: 8px ;
      box-shadow: 4px 4px #999 ;}

#B4:hover { background-color: gainsboro ;}

#B4:active { background-color: darkgray ;
             box-shadow: 1px 1px #666 ;
             transform: translate(4px,4px) ;}

</style>
</div>

#B5:hover {background-color: ghostwhite ;}

#B5:active { color: #666;
             box-shadow: inset 4px 4px 12px #c5c5c5,
             inset -4px -4px 12px #ffffff ;}
</style>
</div >

#B6:hover { background-color: gainsboro ;}

#B6:active { border: 3px inset #d5d5d5 ;}
</style>
</div >

#B7:hover { background-color: gainsboro ;}

#B7:active { background-color: darkgray ;
             box-shadow: 1px 1px #666 ;
             transform: translate(4px,4px) ;}

#B7{animation: mymove 1s infinite;}

@keyframes mymove { 60%  {color:crimson; }
                    80%  {color:yellow;  }
                    90%  {color:orange;  }
                    100% {color:brown;   }  }
</style>
</div>
</div>

function Bcss(x){
Textcss.value=x.innerHTML ;
}
Bcss(DP1)

</script>

.B1{
height:30px ; 
width:100px ; 
font-size: 18px ; 
cursor: pointer ; 
color: #fff ; 
background: darkgray ; 
border-radius: 50px ; 
box-shadow: 4px 4px #999 ;}

.B1:hover {
background: lightslategray  ;}

.B1:active {
background: gainsboro ; 
box-shadow: 1px 1px #666 ; 
transform: translate(4px,4px) ;}
</style>
</nobn >

.B2:hover {
background: lightslategray  ;}

.B2:active {
background: gainsboro ; 
box-shadow: 1px 1px #666 ; 
transform: translate(4px,4px) ;}
</style>
</nobn >

var TT ="</marquee>" ;
txt2 = txt2 .replace(TT,"<<?>/marquee>" ) ;
txt2 = txt2 .replace(TT,"<<?>/marquee>" ) ;

txt2 = txt2 .replace(/ </," <</>") ;
txt2 = txt2 .replace(/<m/,"<</>m") ;
txt2 = txt2 .replace(/<m/,"<</>m") ;
txt2 = txt2 .replace(/<style>/,"<br><br><</>style><br>") ;
txt2 = txt2 .replace(/;}/g,";}<br><br>") ;
txt2 = txt2 .replace(/; /g , ";<br>") ;
txt2 = txt2 .replace("</style>" , "<<?>/style>") ;

TP.innerHTML  = txt2   ;
}
Bcss(B1)

</script>

Edit

#html #style #script #javascript #button #input button #onclick #height #width #hover #background color #transform

訂閱：文章 (Atom)

✍ 📁 🙈 🙉 🙊

window Resize

html 測試左入右出

html 測試上入下出

html 測試單入單出

html 測試左單右單

a href

Array sort

html select

Adding options to select

HTML button

window Resize

html 測試 左入右出

html 測試 上入下出

html 測試 單入單出

html 測試 左單右單

a href

Array sort

html select

Adding options to select

HTML button

html 測試左入右出

html 測試上入下出

html 測試單入單出

html 測試左單右單