Java程式教學甘仔店: 6月 2014

2014年6月28日星期六

JavaScript 基本類使用onClick、this綜合綀習應用之1

關鍵詞(keyword): onClick 、this

程式：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>59 - JavaScript 基本類使用onClick、this綜合綀習應用之1</title>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
<style type="text/css">
.mybuttonClass{
font-size:20px;
background-color:#ff2277;
}
.test{
font-size:30px;
font-style:inherit;
background-color:#778877;
}
</style>
<script type="text/javascript">
function myMsg(myObj){
alert("onclick 為: " + myObj.onclick);
myMsg2(myObj);
}

function myMsg2(myObj){
myObj.className="test";
alert("className 為: " + myObj.className);
}
</script>
</head>
<body>
<input type="button" id="myButtonId" name="mybuttonName" class="mybuttonClass" value="送出" onclick="myMsg(this)">
</body>
</html>
結果：
第一次按下送出

第二次按下送出

其它文章

JavaScript 基本類使用onClick 及 this取得onclick

關鍵詞(keyword): onClick 、this

<script type="text/javascript">
function myMsg(myObj){
alert("onclick 為: " + myObj.onclick);
}
</script>
<input type="button" id="myButtonId" name="mybuttonName" class="mybuttonClass" value="送出" onclick="myMsg(this)">

結果：

其它文章

JavaScript 基本類使用onClick 及 this取得type

關鍵詞(keyword): onClick 、this、type
<script type="text/javascript">
function myMsg(myObj){
alert("type 為: " + myObj.type);
}
</script>
<input type="button" id="myButtonId" name="mybuttonName" class="mybuttonClass" value="送出" onclick="myMsg(this)">

結果：

其它文章

JavaScript 基本類使用onClick 及 this取得value

JavaScript 基本類使用onClick 及 this取得value

關鍵詞(keyword): onClick 、this、value

<script type="text/javascript">
function myMsg(myObj){
alert("value 為: " + myObj.value);
}
</script>
<input type="button" id="myButtonId" name="mybuttonName" class="mybuttonClass" value="送出" onclick="myMsg(this)">

結果：

其它文章

JavaScript 基本類使用onClick 及 this取得name

JavaScript 基本類使用onClick 及 this取得name

關鍵詞(keyword): onClick 、this、name

基本用法：
<script type="text/javascript">
function myMsg(myObj){

alert("name 為: " + myObj.name);
}
</script>
<input type="button" id="myButtonId" name="mybuttonName" value="送出" onclick="myMsg(this)">

結果：

其它文章

JavaScript 基本類使用onClick 及 this取得id

JavaScript 基本類使用onClick 及 this取得id

關鍵詞(keyword): onClick 、this、id

基本用法：

<script type="text/javascript">
function myMsg(myObj){

alert("id 為: " + myObj.id);
}
</script>
<input type="button" id="myButton" name="mybutton" value="送出" onclick="myMsg(this)">

結果：

其它文章

JavaScript 基本類變數物件重新指定

JavaScript 基本類變數物件重新指定
使用時機：
當你的物件在很深的地方。
例如： document.test1.test12.mytest

基本用法：
var mytext = document.test1.test12.mytest;

用法：

結果：

其它文章

JavaScript 基本類 with的使用方法

JavaScript 基本類 with的使用方法

關鍵詞(keyword): with

使用with(物件){
可以略該物件名稱
}

基本用法：

  function myDetails(name,birthday){
   this.name = name;
   this.birthday = birthday;
  }

  document.write("JavaScript 基本類 - with的使用方法
");
  var myDe =new myDetails("JavaScriptTest","2011/02/02");
  
  with(myDe){
   document.write(" name  :  " + name +"
");
   document.write(" birthday  :  " + birthday+"
");
  }
  
  with(document){
   write("with的使用方法
");
  }

測試：

其它文章

訂閱：文章 (Atom)

Java程式教學甘仔店

目錄

2014年6月28日星期六

JavaScript 基本類使用onClick、this綜合綀習應用之1

JavaScript 基本類使用onClick 及 this取得onclick

JavaScript 基本類使用onClick 及 this取得type

JavaScript 基本類使用onClick 及 this取得value

JavaScript 基本類使用onClick 及 this取得name

JavaScript 基本類使用onClick 及 this取得id

JavaScript 基本類變數物件重新指定

JavaScript 基本類 with的使用方法

標籤

精選文章

初學 Java 的 HelloWorld 程式

總網頁瀏覽量

追蹤者

目錄

2014年6月28日 星期六

標籤

精選文章

總網頁瀏覽量

追蹤者

2014年6月28日星期六