2013年12月6日 星期五

按鈕事件

1.$("選擇器").click(function()   選擇器為表單按紐
{

});

2.開啟子視窗
window.open(url,name,property)
===================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
</head>
 <script language="javascript" src="jquery-1.10.2.js"></script>
<script language="javascript">
$(document).ready(function()
{


$("#bt1").click(function()
{
window.open("hopewin1.html","win1","height=100,width=400")
});

});
</script>
<body>
<form id="f1" name="f1">
姓名:<input id="t1"  name="t1" type="text" size="20"  />
    <p>
    <input type="button" id="bt1" name="bt1" value="確定" />

</form>

</body>
</html>
-------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
</head>
<script language="javascript">
function fun1()
{
var t=opener.document.f1.t1.value;  //opener取的前一個視窗
var k=document.getElementById("dv1");
k.innerHTML=t;
}
</script>

<body onload="fun1()">
<div id="dv1"  style="background-color:#9F0; width:300px; height:200px">

</div>
</body>
</html>

沒有留言:

張貼留言